Axure 点击按钮出弹窗

点击按钮出弹窗

点击按钮出弹窗，是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。

具体操作：

1. 输入好需要点击按钮后跳出弹窗的页面；

2. 拖动控件“动态面板”至页面空白处，点击右键将动态面板“设为隐藏”；

3. 双击“动态面板”，设置该面板名称：弹窗，双击State1进入面板编辑页面；

4. 在面板编辑页面配置具体弹窗内容（注意将弹窗内容配置在输入框内）；

5. 在第一步配好的页面按钮处，添加交互用例——鼠标单击时显示动态面板：弹窗；

实现效果：点击按钮，跳出弹窗。

6. 在动态面板“确认”按钮处，添加交互用例——鼠标单击时隐藏动态面板：弹窗；

实现效果：点击确认按钮，弹窗关闭。

7. 在动态面板“取消”按钮处，添加交互用例——鼠标单击时隐藏动态面板：弹窗；

实现效果：点击取消按钮，弹窗关闭。

6. 最后一步，点击index中动态面板，美化动态面板，置于浏览器中间位置；

整体效果：