快好知 kuaihz

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

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

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

原理分析:

图片集循环水平滚动展示

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

本教程将分享实现方法:

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

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

1)界面元件搭建

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

2)交互实现

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

具体设置如下图所示:

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

预览效果如下:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:胶片  胶片词条  放映  放映词条  滚动  滚动词条  效果  效果词条  照片  照片词条  
原型

 有时,我们可能误会了原型设计

三个常见的弹出窗口原型,分别是提示信息弹出窗口、二次确认弹出窗口、Toast窗口,以下,本文将从这三方面分别进行介绍。经常看到一些原型页面,只是一些静态页面罗列...(展开)

原型

 Axure干货|制作移动APP端...

原型工具有多种,为何我确对Axure情有独钟? 看了你就明白他的强大。本文重点是自己制作经验分享,视觉元素是次要(自己搞的界面,欢迎UI同学提上你的宝贵意见)。...(展开)