[教程]使用Axure8.0制作无限循环展示图片效果
2017-11-26 本文已影响67人
yancolin
首先,这里要涉及到一个动态面板。做为一个零基础的学习爱好者,硬是找了半天的动态面板如何做。看到了一篇无限循环展示图片的制作教程,还发觉这个教程看得有点艰辛。So,我就自己写个教程吧,方便大家的同时加深自己的记忆。
-
动态面板在哪里
1) 在 index 页面下,拖入一个动态面板,宽:450,高:250
2)双击第一步新建的动态面板,取名动态循环图片。
且在该动态循环图片下面添加4个子状态,分别命名为图一,图二,图三,图四。
添加完子动态
3) 分别编辑四个子动态,并添加四张图片
注:只需双击概要:页面中的子动态,就可以在主编辑框中编辑该子动态
在子状态图一中拖入图片
双击图片图标,弹窗选中需要的图片
另外三个子状态都如上面操作。
4)返回index,并添加一个动态面板,隐藏。
index页的新的动态面板设为隐藏
双击此动态面板并命名为动态图片辅助面板
4.1)将“动态图片辅助面板”添加载入时事件
载入时动画移动动作
4.2)接下来设置“动态图片辅助面板”的“移动”事件
移动时事件设置面板状态
设置等待时间
接下来重复以上步骤到最后一个子状态图片,如下图
image.png
最后一步设置“动态图片辅助面板”的移动事件
ok,现在大功告成了,预览下效果就可以了。