Axure-实现图片连播效果

1. 在元件库中选择“动态面板”，把其拉倒面板

2. 在工作区双击动态面板，出现动态面板状态管理

3. 添加状态（设计的有几种状态就添加多少）

4. 添加完点击确定，在关键的右下侧会显示添加的状态，双击第一个轮播，会在工作模块中出现一个新的窗口，并含有一个篮框，此处轮播图片为例，在元件库中拉入到篮框中一个image，图片大小不能超过篮框大小

5. 双击图片并选择一个图片，三个依此操作；
6. 实现轮播

7. 双击“站点地图”中的动态面板1，在工作面板下面的“页面交互”中点击“页面载入时”会弹出“用例编辑”框

8. 在添加动作一列选择设置动态面板；在组织动作中会自动显示一条被添加的动作；在配置动作中选择动态面板1；同时在选择状态为：next,并勾选下面的两个选项，同时把时间改为2000,（如果想让图片轮播慢一点，可以增大时间）

9. 点击确定，点击预览即可看到轮播；

10. 分别在“元件管理”中双击每一个状态然后在每张对应的图片上添加对应显示的顺序，如图；添加3个矩形，表明当前显示的图片，三张图依次添加

11. 在为每一张图片张的按钮添加动作

12. 以第一张为例：选择第一张图片上的1，在左侧的“元件交互与说明”中点击“鼠标单击时”会弹出“用例编辑”对话框

13. 在“添加动作”中选择“设置面板状态”；同时在组织动作，配置动作中会有相应的显示信息；在配置动作中勾选设置面板1state to 第一个轮播；选择状态为：第一个轮播

14. 在“添加动作”选择等待，把时间改为2000

15. 在添加动作选择动态面板，在配置动作中勾选相应的选项，选择状态为：Next，同时选择下面的两个选项

16. 点击确定，依次对三个数字进行以上的12-15步骤；点击预览即可