详解axure滚动效果制作方法 axure怎么做滚动效果
第二种：利用元件的移动切换 实现原理:复制两套相同的图集，利用两个图集之间的位移，做出循环播放的错觉 。
情况:显示图片集的总宽度小于或等于显示屏的宽度 。
【详解axure滚动效果制作方法 axure怎么做滚动效果】如下图所示:
1. 界面元件搭建 拉三个长方形，用不同的颜色填充 。作为要显示的三幅图片，它们分别被命名为图片1、图片2和图片3 。它们被组合并命名为[Atlas 1] 。然后将[图集1]复制为另一组[图集2]，放在[图集1]旁边 。
为了便于解释，暂时将图集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 。动画为无 。最后，添加【触发事件】，选择当前元件的【载入时】事件 。所有交互事件如下图所示:
推荐阅读
- 手把手教你安装axure汉化包 axure汉化包下载怎么安装
- 超详解析两者间区别 项目经理和产品经理的关系是怎么样的
- 5分钟详解数据分析使用方法 如何广告投放数据分析
- 超详解说学校策划书写法 关于学校促销策划方案怎么写
- 详解两者的区别 蜻蜓fm和喜马拉雅fm哪个好用
- 详解各种理财产品优劣势 理财产品对比分析报告
- 超详解析两者优劣势 全民k歌和唱吧哪个好用
- 实例模板详解其优缺点 线下渠道的优势和劣势
- 详解两者定义及区别 线性思维和指数型思维的区别
- 超详解析电商数据 电商数据分析案例分享