网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

使用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如何实现点击图片后翻转的效果
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com