使用Axure如何实现点击图片后翻转的效果

2024-10-14 03:51:13

1、第一,拖动四张图片摆放到手机壳中并调整大小,如下图,此步骤创建的是抽奖页的正面。

使用Axure如何实现点击图片后翻转的效果

3、第三,双击上一步创建的动态面板,对其命名为“正面面板”并点击State1后再“复制”按钮再翱务校肢复制一个同样的状态,如下图。

使用Axure如何实现点击图片后翻转的效果

5、第五,在State2的编辑页面添加一张与原图大小完全相等的展位图,如下图。

使用Axure如何实现点击图片后翻转的效果

7、第七,接着上一步操作继续点击“等待”,等待时间为“1000毫秒”,操作如下图。

使用Axure如何实现点击图片后翻转的效果

9、第九,右击上一步创建的矩形后点击“设为隐藏”,如下图

使用Axure如何实现点击图片后翻转的效果

11、第十一,继续点击“等待”,等待时间为“1000毫秒”,操作如下图。

使用Axure如何实现点击图片后翻转的效果

13、第十三,到上步为止我们已经完成了所有的编辑,下面我们看下效果吧,请看下图。

使用Axure如何实现点击图片后翻转的效果
猜你喜欢