Axure9制作简单轮播图（内含操作动图）———详细教程
分类:
文章
•
2022-10-19 16:14:58
- 首先拖入一个动态面板，调整好大小。
- 双击选中动态面板——点击上方建立三个state(注意想要轮播几张图就建立几个state,)我这里建立三个state——双击重命名。分别命名为“树” “小桥” “天空”。
- 选中第一个状态“树”，将元件图片拖入动态面板内——调整图片大小——双击图片，点击要显示的图片，点击确定。
这样图片成功在轮播图内显示。以同样的方法切换状态为“小桥”，上传图片，把三个状态里面都上传好图片。
- 关闭动态面板，单击选中动态面板——点击右侧的交互，“新建交互”——选中“onpageload(载入时)”——选择“setPalne state(设置面板状态)”——“当前元件”——状态更改为“下一项”——勾选“向后循环”——点击“更多选项”——勾选“循环间隔1000毫秒”——“确定”
最后点击右上方绿色符号预览效果 
预览效果如图所示
为了美观可以在轮播的时候加入滑动效果，仍然选中动态面板——点击刚刚创建好的交互区域——将进入动画更改为“向右滑动”
更改后的效果
朋友们自己动手试一试吧
