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