小常说事 發表於 2016-10-27 10:08:45

axure8怎么制作一个敬告弹窗效果?

<p>axure8画产品原型图,还是很快的,主要是能动态展示产品的效果,这里介绍下如何实现弹窗效果</p>
<p><div class="arc_down"><a href="https://www.jb51.net/softs/437706.html" target="_blank"><img src="https://img.jbzj.com/do/uploads/litimg/160308/1139512G042.jpg"><p class="arc_down_title">原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)</p><ul><li><span>类型:</span>辅助设计</li><li><span>大小:</span>90.5MB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2018-05-24</li></ul></a><a href="https://www.jb51.net/softs/437706.html" target="_blank" class="arc_down_icon">查看详情</a></div></p>
<p>1、先随便拖个弹窗布局</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113192.jpg" /></p>
<p>2、添加个<strong>弹窗触发按钮</strong>,不一定是按钮,其他控件都行</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113193.jpg" /></p>
<p>3、把弹窗组合成一个整体,全选然后快捷键<strong><font color="#ff0000">ctrl+g,</font></strong>或者界面点击<strong>group</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113194.jpg" /></p>
<p>4、再给<strong>组合的控件</strong>(弹窗)取个名字主要是方便查找</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113195.jpg" /></p>
<p>5、准备工作完了,开始设置效果,<strong>添加按钮关闭弹窗功能</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113196.jpg" /></p>
<p>6、添加弹出事件</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113197.jpg" /></p>
<p>7、最后不要忘了,把弹窗设置为隐藏</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113198.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/2016102710113199.jpg" /></p>
<p>8、现在<strong><font color="#ff0000">F5</font></strong>预览就可以了,或者菜单<strong><font color="#ff0000">Publish-&gt;preview</font></strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201610/20161027101131100.jpg" /></p>
<p><strong>相关推荐:</strong> </p>
<p><a target="_blank" href="https://www.jb51.net/softjc/472465.html">axure怎么制作中继器设置翻页效果?</a> </p>
<p><a target="_blank" href="https://www.jb51.net/softjc/470251.html">axure怎么绘制浏览器窗口改变大小时事件?</a> </p>
<p><a target="_blank" href="https://www.jb51.net/softjc/493520.html">axure rp 8.0怎么制作幻灯片效果的网页原型?</a></p>
頁: [1]
查看完整版本: axure8怎么制作一个敬告弹窗效果?