Axure如何制作点击弹框效果

我们在使用网站时，经常会用到新增、修改、删除等功能，这些功能在点击时都会弹框让用户操作。像这种弹框的操作，在Axure中使用也很频繁。那么，在Axure中，如何制作点击弹框效果呢？本文就由小编带大家了解一下，一起来看看吧~

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑：Windows 7

方法/步骤

1.打开Axure，准备一个表单，再从左侧元件库拖取一个【主要按钮】元件到页面。如图

2.从左侧元件库拖取一个【动态面板】元件到页面。如图

3.进入【State1】，设计一个新增功能页面，如图

4.返回主页面，选择【动态面板】鼠标右键，在弹出选择【设为隐藏】，如图

5.设置主页面的【BUTTON】按钮的【鼠标单击时】事件为：显示【动态面板】，如图

6.进入【State1】，设置【取消】按钮的事件为：隐藏【动态面板】，如图

7.完成设置，预览结果，点击弹框效果完成。

总结：

1.打开Axure，准备一个表单，再从左侧元件库拖取一个【主要按钮】元件到页面；

2.从左侧元件库拖取一个【动态面板】元件到页面；

3.进入【State1】，设计一个新增功能页面；

4.返回主页面，选择【动态面板】鼠标右键，在弹出选择【设为隐藏】；

5.设置主页面的【BUTTON】按钮的【鼠标单击时】事件为：显示【动态面板】；

6.进入【State1】，设置【取消】按钮的事件为：隐藏【动态面板】；

7.完成设置，预览结果，点击弹框效果完成。

注意事项

Tips:Axure的弹框效果就是使用一个动态面板，通过动作显示与隐藏控制弹框即可。