当前位置: 首页> 电商资讯

AxureRP8教程:照片胶片放映滚动效果制作(一)

发布时间:20-01-08

如۩何利用Axure RP8 实λ现照片胶片放映滚动效果呢?一起Π来≮≯文中看看~

生活中,经常看到胶片放映滚۩动播放的效果,ξ如下所示:

原理◇分析:

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

本教程将分享实ⓥ现方法:

第一种:利用动态面板切в换

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

1☏)界面元︴件★搭建

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

2)ψ交互实现

选中此动态面板▎▏,添加【载入时】〤,选择当前元件,选择状态为:next,勾选向Й〧后循┖环,じ循环间隔为:0秒,进入动画为:向左滑动,时间⊿为↘:120Ξ00毫秒。

具体设置如下Ъ图所示∴:

(切记:动态面板的进入进出动画要≌选择向左滑动)

预览效果÷如下:

原型链接:h『ttps://pan.baidu.com/s/1NkOl9KomuFdjH8w◑↔↕▪gV─━zDMHQ

提取码๑: kmdh

μ

&nbщs≠p;

作者:╥火星人~艾▍斯,公众号:艾斯的Axure峡谷

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

题图来自Un♣spↇlash,基于CC0协议

上一篇: 90后人群消费大数据分析:小镇青年VS都市青年(附下载)
下一篇: 驴妈妈:2016年春节冰雪类景区游玩报告