美文网首页
Mac Axure 8 弹窗效果 / 背景虚化

Mac Axure 8 弹窗效果 / 背景虚化

作者: biohyper | 来源:发表于2017-09-07 18:54 被阅读0次

想要实现弹窗并推动元件的效果,于是就去努力的google了,看了几篇发现都是老版本Axure,也就将就着试试,一不小心发现了Axure 8的动态面板自带了弹窗效果,省去很多麻烦。

Axure自带效果实现

弹窗制作

做好需要弹出的窗口,例如登录窗口等等。为查看效果可以随便来张图片或者是动态面板什么的都可以,以下示例为简单的登录窗口,借用了Axure 中文网小楼老师的元件库(纯属娱乐,切勿深究)。

效果实现

要实现效果,那肯定要有背景咯,有了背景还得有触发按钮咯。随便丢张能看的照片充当背景,在随便丢个按钮矩形之类的摆个差不多的位置,然后把上面的弹窗拖出来就可以开工咯,不要忘记弹窗要隐藏哦。

这里按钮测试按钮,一切都是围绕测试来玩儿的。

选中测试,增加单击什么的效果都可以,然后选择左边显示类别选中准备好的弹窗,重点来了,就是效果这里的选取: 灯箱效果,背景按需调整,这样就够了,够了。

一段GIF玩玩儿看:

通过动态面板或者图片等实现

原理相同,就是把一个空动态面板填充色彩,调整透明度,然后通过按钮去调出动态面板弹窗,将弹窗置于顶层即可;当然把弹窗也放在这个动态面板里也可以。不过自己没有试过,纯理论; 本想通过这个方法,用一张纯高斯模糊的图来实现背景虚化,然而事有意外,只是简单实现了背景变暗。

相关文章

网友评论

      本文标题:Mac Axure 8 弹窗效果 / 背景虚化

      本文链接:https://www.haomeiwen.com/subject/kmxwjxtx.html