您的位置: 首页 > 软件教程 > Axure > Axure RP怎么设计弹出窗口的效果?

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

6.0分
出处:3lian.com 时间:2018-04-20

您可能感兴趣的话题: Axure RP怎么设计弹出窗口的效果  

核心提示:Axure RP怎么设计弹出窗口的效果?你知道吗?

  1、首先,打开软件。

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

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

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

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

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

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

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

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

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

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

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

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

网友评论
精品软件课程
更多 >
快播播放器(Qvod Player)是一款基... [详细]
360安全卫士是当前功能最强、效果最好、最受... [详细]
会声会影(Corel VideoStudio... [详细]
腾讯QQ支持在线聊天、视频电话、点对点断点续... [详细]
搜狗拼音输入法是网上最流行、功能最强大的拼音... [详细]
Windows 7 是由微软公司开发的,具有... [详细]