如何利用Axure RP8 实现照片胶片放映滚动效果呢?一起来文中看看~
生活中,经常看到胶片放映滚动播放的效果,如下所示:
原理分析:
- 图片集循环水平滚动展示。
- 当【图片集】向左水平移动时,最后一张图片显示到达最右端时,第一张图片移到后面,继续接着轮放。循环水平移动播放。
本教程将分享实现方法:
第一种:利用动态面板切换
适用情形:展示的图片集总宽度正好等于展示屏幕宽度。
1)界面元件搭建
拉入三个矩形,填充不同颜色,作为要展示的三个图片,再将其转为动态面板。接下来,需要复制状态state1,生成一个相同的状态面板state2。
2)交互实现
选中此动态面板,添加【载入时】,选择当前元件,选择状态为:next,勾选向后循环,循环间隔为:0秒,进入动画为:向左滑动,时间为:12000毫秒。
具体设置如下图所示:
(切记:动态面板的进入进出动画要选择向左滑动)
预览效果如下:
原型链接: https://pan.baidu.com/s/1NkOl9KomuFdjH8wgVzDMHQ
提取码: kmdh
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。