如何使用Axure：[6]实现图片自动轮播

很多网站上都有那种图片自动切换/轮播的板块，由于在Axure中没有现成的组件库，所以很多人想要实现这一效果时，就会比较迷茫。此篇为大家演示如何使用Axure自己实现图片自动轮播的效果。

工具/原料

Axure

准备

1、打开你自己的组件库，并新建一个名叫「ImagePlay」的空白页面

2、从现有组件库中，拖入一个「Image」组件，并调整其大小与样式。（比例最好为16:9）

3、将这个图片转换为动态面板，并命名这个动态面板为「ImagesFrame」

4、为「ImagesFrame」添加用于自动轮播的三个状态

5、切换到每一个状态中，并加入要轮播的图片。

6、在「ImagesFrame」上添加三个小圆形，用于切换动态。

添加事件

1、分别为三个圆形添加事件，切换「ImagesFarme」到对应的状态中。并将这三个圆形为动态面板。，然后为每个圆形分别添加一个状态用于表示当前呈现的图片为哪个。并分别命名这三个圆形为Fist、Second、Third

2、为「ImagesFrame」添加Onload事件。需要注意的是，选择状态的方式为「Previous」，并且需要勾选「Wrapfromfirsttolast」以及「RepeateveryXXXms」

3、为「ImagesFrame」添加OnPanelSateChange事件用例，并添加限制条件，以保证「ImagesFrame」的状态与小圆形的状态能够一一对应。

完成

1、按F5进行预览