美文网首页
[教程]使用Axure8.0制作无限循环展示图片效果

[教程]使用Axure8.0制作无限循环展示图片效果

作者: yancolin | 来源:发表于2017-11-26 22:15 被阅读67次

首先,这里要涉及到一个动态面板。做为一个零基础的学习爱好者,硬是找了半天的动态面板如何做。看到了一篇无限循环展示图片的制作教程,还发觉这个教程看得有点艰辛。So,我就自己写个教程吧,方便大家的同时加深自己的记忆。

  • 动态面板在哪里


1) 在 index 页面下,拖入一个动态面板,宽:450,高:250

2)双击第一步新建的动态面板,取名动态循环图片。


且在该动态循环图片下面添加4个子状态,分别命名为图一,图二,图三,图四。



添加完子动态

3) 分别编辑四个子动态,并添加四张图片

注:只需双击概要:页面中的子动态,就可以在主编辑框中编辑该子动态


在子状态图一中拖入图片
双击图片图标,弹窗选中需要的图片

另外三个子状态都如上面操作。

4)返回index,并添加一个动态面板,隐藏。

index页的新的动态面板
设为隐藏
双击此动态面板并命名为动态图片辅助面板

4.1)将“动态图片辅助面板”添加载入时事件

载入时动画
移动动作

4.2)接下来设置“动态图片辅助面板”的“移动”事件

移动时事件
设置面板状态
设置等待时间

接下来重复以上步骤到最后一个子状态图片,如下图


image.png
最后一步设置“动态图片辅助面板”的移动事件

ok,现在大功告成了,预览下效果就可以了。

相关文章

网友评论

      本文标题:[教程]使用Axure8.0制作无限循环展示图片效果

      本文链接:https://www.haomeiwen.com/subject/ztplbxtx.html