明辉站中心:是一个免费提供流行视频软件教程、在线学习分享的学习平台!

教大家使用Axure RP设计出弹出窗口的效果_装机软件

[摘要]很多朋友还不会使用Axure RP制作出弹出窗口的效果,接下来小编就带来了关于使用Axure RP制作出弹出窗口的效果的教程。1、我日常工作中使用的是Axure RP8.0,并且已经安装了汉化包,详...

  很多朋友还不会使用Axure RP制作出弹出窗口的效果,接下来小编就带来了关于使用Axure RP制作出弹出窗口的效果的教程。

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

教大家使用Axure RP制作出弹出窗口的效果

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

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

教大家使用Axure RP制作出弹出窗口的效果

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

教大家使用Axure RP制作出弹出窗口的效果

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

教大家使用Axure RP制作出弹出窗口的效果
教大家使用Axure RP制作出弹出窗口的效果

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

教大家使用Axure RP制作出弹出窗口的效果
教大家使用Axure RP制作出弹出窗口的效果

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

教大家使用Axure RP制作出弹出窗口的效果
教大家使用Axure RP制作出弹出窗口的效果

  8、在第五步中增加的动态面板,也有放置一个按钮,该按钮的作用就是点击后自动关闭弹出框,设置步骤和步骤7类似,只是将“显示”改成了“隐藏”,具体操作如下截图中标红的位置。

教大家使用Axure RP制作出弹出窗口的效果

  9、配置完后,点击预览,在浏览器上点击“打开新窗口”按钮,页面将弹出新的对话框如下截图,点击“关闭窗口”将关闭该页面。

教大家使用Axure RP制作出弹出窗口的效果

  10、在第八步之后 ,已经完成了新窗口弹出的配置功能,这一步将分享如何美化页面。在第九步中展示的效果是设计人员在页面上将对话框放置在什么位置,弹出时就在什么位置,为了美观,我们经常需要将弹出框在页面中居中显示,要实现该功能也很简单,只要完成如下步骤就可以了。

  11、在主页上,鼠标右键点击动态面板,在弹出的选择项中选择“固定到浏览器”并单击它。在弹出的对话框中按照如下截图2进行配置就可以了。

教大家使用Axure RP制作出弹出窗口的效果
教大家使用Axure RP制作出弹出窗口的效果

  12、这时候预览页面效果,就如下截图所示,弹出框将在页面上居中展示。

教大家使用Axure RP制作出弹出窗口的效果

  上面就是小编带来的使用Axure RP制作出弹出窗口的效果教程,亲们都学会了吗?


装机软件,全自动在线安装过程,无需电脑技术,小白在家也可自己完成安装,纯净稳定,装机必备之选!



相关软件

腾讯视频最新官方版

腾讯视频官方版 | 45.34MB

腾讯视频官方版

腾讯视频是腾讯旗下的视频播放产品,定位于中国最大在线视频媒体平台,于2011年4月正式上线运营独立域名的视频网站,支持丰富内容的在线点播及电视台直播,提供列表管理..

爱奇艺视频官方正式版

爱奇艺视频官方正式版 | 35.10MB

爱奇艺视频官方正式版

爱奇艺,原名奇艺,于2010年4月22日正式上线,2011年11月26日品牌升级,启动“爱奇艺”品牌并推出全新标志。爱奇艺创始人龚宇博士担任CEO。...

暴风影音最新版下载

暴风影音最新版下载 | 50.3MB

暴风影音最新版下载

暴风影音播放的文件清晰,当有文件不可播时,右上角的“播”起到了切换视频解码器和音频解码器的功能,会切换视频的最佳三种解码方式,同时,暴风影音也是国人最喜爱的播放器之一...

QQ音乐官方正式版

QQ音乐官方正式版 | 24.2MB

QQ音乐官方正式版

QQ音乐是腾讯公司推出的网络音乐平台,是中国互联网领域领先的正版数字音乐服务的领先平台,有着个性明星主题:大咖装,添星妆!...

酷狗音乐2018最新版下载

酷狗音乐2018下载 | 37MB

酷狗音乐2018最新版下载

酷狗是中国领先的数字音乐交互服务提供商,互联网技术创新的领军企业,致力于为互联网用户和数字音乐产业发展提供最佳的解决方案...

酷我音乐官方版下载

酷我音乐下载 | 47.4MB

酷我音乐官方版下载

酷我音乐的界面简洁大方,浅蓝色与橙色相间,符合大多数用户的审美喜好。打开酷我音乐,上部菜单栏包括“我的”、“推荐”、“曲库”、“视频”...