Axure如何制作点击弹框效果?Axure动态面板教程

动态面板是Axure原型制作中使用频率很高的一个元件,主要用于实现动态原型的交互效果 。本文小编来教大家如何利用动态面板制作点击弹框的效果 。

Axure如何制作点击弹框效果?Axure动态面板教程

文章插图
1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去 。
2、在页面中拖入一个表单,然后在界面左侧的元件库面板中,找到【主要按钮】元件,选择并拖动到页面中去 。
3、再从界面左侧的元件库面板中,选择【动态面板】元件拖动到页面中 。
4、点击新建页面按钮,进入到【State1】制作一个新增功能页面;在弹出的窗口中依次输入编号、类型、备注信息 。
5、使用鼠标右键点击页面中的【动态面板】,在弹出的列表选项中执行【设为隐藏】命令,将动态面板隐藏起来 。
6、接着我们需要设置主页面的【button】按钮状态:【鼠标单击时】事件为:显示【动态面板】 。
7、进入到【State1】中,设置【取消】按钮的事件为:隐藏【动态面板】 。
8、设置完成后,点击界面右上角的【预览】按钮,或者直接按F5键,即可查看到点击弹框显示内容的预览效果 。
【Axure如何制作点击弹框效果?Axure动态面板教程】以上就是关于如何在Axure软件中制作点击弹框交互效果的方法 。通过学习掌握Axure元件和动态面板的使用技巧,即可制作出点击弹框显示内容的动态效果 。

    推荐阅读