Axure RP怎么设计弹出窗口的效果?

在使用Axure RP制作网站原型的过程中，很多时候会遇到弹出窗口的情况，一般情况下这种弹出的窗口叫做Modal，在RP中是利用动态面板来实现该功能。在使用RP工具的过程中，我们该如何实现这种效果呢？本文就这个问题分享经验如下。

软件名称：快速产品原型设计工具 Axure RP Pro v7.0.0.3174 汉化绿色版软件大小：8.97MB更新时间：2014-12-22

1、我日常工作中使用的是Axure RP8.0,并且已经安装了汉化包，详细版本信息如下 截图，在使用的过程中如果版本不一样，菜单会有些差异，但是操作步骤基本上是可以借鉴的。

2、正常打开Axure RP8.0工具，如下图，创建一个新的RP文件 。

3、在空白页面上从元件库中拉出一个矩形框和一个按钮，矩形框是为了展示主页的内容，按钮是为了点击后弹出对话框的效果，界面设计如下截图，使用过程中根据自己项目的实际需求摆放具体内容。

4、从左边元件库中拉出一个动态面板，放在页面上，摆放位置可以根据需要进行摆放，也可以通过设置，使其在页面上居中显示，具体这个设置步骤请查看步骤十说明。

5、双击动态面板，将弹出如下对话框，先为动态面板定义一个名称 ，这个名称等会在设置显隐的时候需要用到。然后再单击"state1"会弹出另一个新的子页面，就可以在该页面中增加弹出框的具体内容了，详细步骤请查看截图2.

6、在上述步骤过后，主页index的页面效果将如下所示，鼠标右键点击动态面板，把动态面板设置成隐藏，具体操作如下截图2。

7、为页面上的按钮增加事件。选中按钮，在右边的设置面板中，双击“鼠标单击时”按键，如下截图1，页面将会弹出新的用例编辑窗口，选择元件的“显示/隐藏”，找到刚刚的动态面板，并将其设置为显示，具体操作如下截图2中标红的位置。这步的设置非常重要， 只有正确设置了这步，才能正确的弹出窗口。