前两天，介绍了axure设计的轮播图（参考以下链接），使用的“动态面板”的循环功能，因为时间关系，“轮播图”控件少了点东西……对了……就是图片“指示器”，今天就把轮播图的“指示器”补出来~5Axure设计：轮播图
工具/原料
Axure RP 8
方法/步骤
1
轮播图的基础构建，这里不再累述，请参考以下链接~我们这里直接调出上次的“轮播图控件”
2
我们这里直接调出上次的“轮播图控件”
3
新建一矩形：设置尺寸大小为30*10，命名为a1，充填色为#CCCCCC，不透明80%另设此矩形，选中时的填充色为#FF0000；
4
把此矩形复制2份，如下图排列，并分别名为a1，a2，a3
5
分别设置a1，a2，a3的“鼠标单击时”的交互动作~
6
a1的“鼠标单击时”：---1.设置“动态面板”的选择状态为pic1；进入动画：向右滑动，时间：1500毫秒；退出动画：向右滑动，时间：1500毫秒；2.触发“动态面板”的“载入时”动作---
7
a2的“鼠标单击时”：---1.设置“动态面板”的选择状态为pic2；进入动画：向右滑动，时间：1500毫秒；退出动画：向右滑动，时间：1500毫秒；2.触发“动态面板”的“载入时”动作---
8
a3的“鼠标单击时”：---1.设置“动态面板”的选择状态为pic3；进入动画：向右滑动，时间：1500毫秒；退出动画：向右滑动，时间：1500毫秒；2.触发“动态面板”的“载入时”动作---
9
a1,a2,a3组合下，并复制3份，分别命名为：group1、group2、group3
10
分别置”组合：group1“、”组合：group2“、”组合：group3“于”动态面板“的”pic1“、”pic2“、”pic3“中的相同位置
11
设置”组合：group1“的”a1“为”选中“状态；设置”组合：group2“的”a2“为”选中“状态；设置”组合：group3“的”a3“为”选中“状态；
12
ok，搞定，看下效果，是不是和以下的一样？超简单的”指示器“完成！
13
觉得不错的话，请投个票，加个赞哦~
下一篇：用js实现在页面上循环显示图像