详解axure滚动效果制作方法 axure怎么做滚动效果
文章插图
第二种：利用元件的移动切换实现原理：复制两组相同的图集，利用两个图集的之间的位移制作循环播放的假象 。
适用情形：展示的图片集总宽度小于或等于展示屏幕宽度 。
如下图所示：
文章插图
1. 界面元件搭建拉入三个矩形，填充不同颜色，作为要展示的三个图片，分别命名为：图片1、图片2、图片3，组合并命名为【图集1】，再复制【图集1】为另一组【图集2】，并排在【图集1】后面 。
【详解axure滚动效果制作方法 axure怎么做滚动效果】为了方便讲解，暂时将【图集2】中的三个矩形命名为：图片4、图片5、图片6 。再将这两个图集组合并命名为【图集】 。最后将其转为动态面板，宽度调整缩小为屏幕展示的宽度 。
文章插图
2. 交互实现每张图片的宽高为300*160，即展示的图片组宽度为900，加上三个图片之间的间距2*20，即总宽度为940 。
- 选中动态面板，添加【载入时】交互事件，选择【图集】，移动：绝对位置，X轴为：-940 。动画为线性，时间为10000毫秒 。
- 添加等待时间10000毫秒 。（目的是为了等图片集1展示完，再移动）
- 选择【图集1】，移动：绝对位置，X轴为：980 。动画为无 。
- 选择【图集】，移动：绝对位置，X轴为：-940 。动画为线性，时间为10000毫秒 。
- 再添加等待时间10000毫秒 。
- 选择【图集2】，移动：绝对位置，X轴为：980 。动画为无 。
- 最后，添加【触发事件】，选择当前元件的【载入时】事件 。
文章插图
推荐阅读
- 超详解析两者不同处 运营和营销的区别和联系
- 详解后台产品经理工作内容 后台产品经理的主要职责是什么
- 超详解析其营销方案 网络推广与营销策划方案及实施
- 详解：神奇的茶虫是什么，茶虫的价值
- 详解网易云音乐模式分析 网易云音乐产品分析报告
- 详解拼多多权重 拼多多权重是什么意思
- 混沌与秩序玩什么职业好 各职业玩法详解
- 天麻的功效与作用吃法及禁忌 天麻的功效作用详解
- 超详解析这三大流程 用户体验设计的三大流程
- 详解其工作职责 文案策划是做什么工作内容