Axure实现轮播效果

打开axure软件，拖入一个动态面板的元件，并设置动态面板的状态有三个，如下图：

 

然后进入每个state中，拖入矩形框元件（可以使用图片）

在state1中，设置矩形框的颜色为红色

 

在state2中，设置矩形框的颜色为绿色

 

在state3中，设置矩形框的颜色为黄色

 

再回到主页面中，选中动态面板，在载入时，选择 设置面板状态，设置状态为下一个，并且勾选向后循环、循环间隔设置为1000毫秒，即可完成轮播的效果。

 

接下来设置小圆点，且小圆点会跟随主图的发生变化，这里我们设置小圆点选中为紫色。

我们首先在主界面上，放置3个小圆点，并选中这3个小圆点，设置组名称为123

 

 

点击右边的选中按钮，设置选中后的状态：

 

同时勾选选中

 

在交互设计时添加鼠标单击的效果，设置两个内容，第一个是选中动态面板的state1，第二个是选中动态面板，并选中下一个（表示继续循环）

 

按上面的步骤依次设置第二个小圆点和第三个小圆点。

最后我们选中动态面板，设置状态改变时的交互：

 

单击添加条件，选中state1

 

在选中小圆点1，并设置状态为true

同样的操作，当为state2时选中小圆点2，当为state3时选中小圆点3。