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

02-12

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

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

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

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

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

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

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

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

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

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