Axure RP8 教程：照片胶片放映滚动效果制作（一）

如何利用Axure RP8 实现照片胶片放映滚动效果呢？一起来文中看看~

生活中，经常看到胶片放映滚动播放的效果，如下所示：

原理分析：

1. 图片集循环水平滚动展示。
2. 当【图片集】向左水平移动时，最后一张图片显示到达最右端时，第一张图片移到后面，继续接着轮放。循环水平移动播放。

本教程将分享实现方法：

第一种 ：利用动态面板切换

适用情形：展示的图片集总宽度正好等于展示屏幕宽度。

1）界面元件搭建

拉入三个矩形，填充不同颜色，作为要展示的三个图片，再将其转为动态面板。接下来，需要复制状态state1，生成一个相同的状态面板state2。

2）交互实现

选中此动态面板，添加【载入时】，选择当前元件，选择状态为：next，勾选向后循环，循环间隔为：0秒，进入动画为：向左滑动，时间为：12000毫秒。

具体设置如下图所示：

（切记：动态面板的进入进出动画要选择向左滑动）

预览效果如下：

原型链接： https://pan.baidu.com/s/1NkOl9KomuFdjH8wgVzDMHQ

提取码: kmdh

作者：火星人～艾斯，公众号：艾斯的Axure峡谷

本文由 @火星人～艾斯 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议

作者暂无likerid, 赞赏暂由本网站代持，当作者有likerid后会全部转账给作者（我们会尽力而为）。


Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: