如何利用元件的尺寸变化、移动变化等实现三维列阵图片的自动切换展示?笔者在此给出了详细教程,与大家分享~~
![a0ee18c82c01ba09fd02fbdac53275e1.png](https://i-blog.csdnimg.cn/blog_migrate/432201ea9523d1afbf5d97c4c3144442.jpeg)
今天分享实现五张三维阵列图片切换的方法,主要是利用元件的尺寸变化、移动变化、图层顺序和动态面板切换控制循环等技术点。动效图如下:
![b13682863cb87f5ceae5a7531011472e.gif](https://i-blog.csdnimg.cn/blog_migrate/9f7f6d5ba8487457ee4ab4e79293ff31.gif)
具体实现方法
第一步:元件的实现
1. 从左侧拉入五个矩形,其中矩形为C的大小设置为200 *300。矩形B、D的大小设置为160*240。矩形A、E的大小设置为128*192。分别记录这五个矩形的X、Y轴坐标,其中矩形A(222,204)、矩形B(330,180)、矩形C(470,150)、矩形D(650,180)、矩形E(790,204)。
2. 再拉入一个动态面板,添加两个状态,命名为:控制循环。(作用是利用动态面板的循环切换,来控制三维阵列图片组的循环播放。)
3. 最后,再拉入一个文本标签,命名为:状态。(作用是记录当前中间置顶的矩形序号。)
如图所示:(其中的矩形的图层顺序依次为A、B、C、