第二种:利用组件的移动切换。
实现原理:***两套相同的图集，利用两个图集之间的位移，做出循环播放的假象。
适用情况:显示图片集的总宽度小于或等于显示屏的宽度。
如下图所示:
1.设置界面组件
拉入三个矩形，用不同的颜色填充，作为三张图片显示。分别命名为图1、图2、图3，合并命名为图集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。动画为无。最后，添加【触发事件】，选择当前元件的【载入时】事件。
所有交互事件如下图所示:
本文来自奶味小仙女投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/494989.html
微信扫一扫 
