想要实现弹窗并推动元件的效果,于是就去努力的google了,看了几篇发现都是老版本Axure,也就将就着试试,一不小心发现了Axure 8的动态面板自带了弹窗效果
,省去很多麻烦。
Axure自带效果实现
弹窗制作
做好需要弹出的窗口,例如登录窗口等等。为查看效果可以随便来张图片或者是动态面板什么的都可以,以下示例为简单的登录窗口,借用了Axure 中文网小楼老师的元件库(纯属娱乐,切勿深究)。
效果实现
要实现效果,那肯定要有背景咯,有了背景还得有触发按钮咯。随便丢张能看的照片充当背景,在随便丢个按钮
、矩形
之类的摆个差不多的位置,然后把上面的弹窗拖出来就可以开工咯,不要忘记弹窗要隐藏哦。
这里按钮
为测试
按钮,一切都是围绕测试来玩儿的。
选中测试
,增加单击
什么的效果都可以,然后选择左边显示
类别选中准备好的弹窗
,重点来了,就是效果这里的选取: 灯箱效果
,背景按需调整,这样就够了,够了。
一段GIF玩玩儿看:
通过动态面板或者图片等实现
原理相同,就是把一个空动态面板
填充色彩,调整透明度,然后通过按钮
去调出动态面板
和弹窗
,将弹窗置于顶层即可;当然把弹窗也放在这个动态面板
里也可以。不过自己没有试过,纯理论; 本想通过这个方法,用一张纯高斯模糊的图来实现背景虚化,然而事有意外,只是简单实现了背景变暗。