本篇教程将为大家展示如何使用Axure制作App移动端弹窗广告效果。
最终效果
我们在很多APP做活动的时候,都会出现弹窗广告的效果,今天我们分享一下弹窗的制作方法。
制作步骤
首先在场景中导入图片元素,并且完成触发按钮制作:
分别为其命名:
第一张图:主图;
第二张图:弹层;
开始演示:按钮;
手机框:iphone。
然后将元素层的顺序(从上到下)修改为:iphone>按钮>弹层>主图。
然后将“主图”和“弹层”2个元素样式,设置成隐藏。
下面我们为按钮设置动效,点击“按钮”,增加“单击”动作,然后为该动作创建4个参数:
隐藏“按钮”;
显示“主图”;
等待1000ms;
显示“弹层”。
我们挨个截图给大家演示(今天忘记切换软件了,使用了axure9,设置与axure8相同):
隐藏按钮:
显示主图:
等待1000ms:
显示弹层:
源文件下载
https://pan.baidu.com/s/1GO_jI1egSGmvAzMgZ90p2w