首先,这里要涉及到一个动态面板。做为一个零基础的学习爱好者,硬是找了半天的动态面板如何做。看到了一篇无限循环展示图片的制作教程,还发觉这个教程看得有点艰辛。So,我就自己写个教程吧,方便大家的同时加深自己的记忆。
-
动态面板在哪里
1) 在 index 页面下,拖入一个动态面板,宽:450,高:250
![](https://img.haomeiwen.com/i2191251/78da28e9b8913494.png)
2)双击第一步新建的动态面板,取名动态循环图片。
![](https://img.haomeiwen.com/i2191251/e612d1e762004189.png)
且在该动态循环图片下面添加4个子状态,分别命名为图一,图二,图三,图四。
![](https://img.haomeiwen.com/i2191251/983f33035e2ffff1.png)
![](https://img.haomeiwen.com/i2191251/181dac40498e2ab7.png)
3) 分别编辑四个子动态,并添加四张图片
注:只需双击概要:页面中的子动态,就可以在主编辑框中编辑该子动态
![](https://img.haomeiwen.com/i2191251/a52b9ddd4c76fc88.png)
![](https://img.haomeiwen.com/i2191251/5d175ec695ff2ae0.png)
另外三个子状态都如上面操作。
4)返回index,并添加一个动态面板,隐藏。
![](https://img.haomeiwen.com/i2191251/87fa6052eb70ddd8.png)
![](https://img.haomeiwen.com/i2191251/1c9b05fee8bff656.png)
![](https://img.haomeiwen.com/i2191251/d772fef0a5f298a4.png)
4.1)将“动态图片辅助面板”添加载入时事件
![](https://img.haomeiwen.com/i2191251/1a35f1fa63e0d74c.png)
![](https://img.haomeiwen.com/i2191251/355566ae67d08630.png)
4.2)接下来设置“动态图片辅助面板”的“移动”事件
![](https://img.haomeiwen.com/i2191251/5ed9e555aa6086ae.png)
![](https://img.haomeiwen.com/i2191251/a8966921742dd78d.png)
![](https://img.haomeiwen.com/i2191251/45ba15bb0cc21796.png)
接下来重复以上步骤到最后一个子状态图片,如下图
![](https://img.haomeiwen.com/i2191251/8f0f39ad87f95c80.png)
![](https://img.haomeiwen.com/i2191251/21197b7570fc8c57.png)
ok,现在大功告成了,预览下效果就可以了。
网友评论