axure設置輪播圖詳細流程，有問題歡迎指正，直接上流程，demo下載 ：https://files.cnblogs.com/files/fannyLi/%E8%BD%AE%E6%92%AD%E5%9B%BE.rp.zip

1、打開axure新建一個頁面，拖入動態面板

2、雙擊動態面板，彈出面板管理，填寫動態面板名稱：輪播圖，點擊綠色加號添加3個面板狀態（個數根據需求而定）

3、雙擊動態面板中的輪播圖一進入狀態一，添加一張圖片

4、動態面板中輪播圖二、三同上，各添加一張圖片

5、回到index頁面，選中動態面板，在右側屬性中雙擊交互：載入時，根據圖示操作，點擊確定，到此簡單的輪播就可以了，點擊預覽便可以查看輪播效果

6、如果想要點擊切換輪播效果則繼續向下操作，雙擊動態面板，選擇動態面板狀態一（輪播圖一）進入頁面，在距離圖片底部15像素的地方添加三個橢圓形設置寬高為15*15（大小自己設置）並去掉邊框，將第一個填充為紅色，並添加點擊事件為等待時間2000毫秒，點擊確定

設置第二個圓點點擊事件（三個事件）

• 面板狀態為輪播圖二，滑動動畫為向左滑動時間1000毫秒；
• 等待1000毫秒；
• 面板狀態為Next

設置第三個圓點點擊事件

• 面板狀態為輪播圖三，滑動動畫為向左滑動時間1000毫秒；
• 等待1000毫秒；
• 面板狀態為Next

7、雙擊動態面板，選擇動態面板狀態二（輪播圖二）進入頁面，在距離圖片底部15像素的地方添加三個橢圓形設置寬高為15*15（大小自己設置）並去掉邊框，將第二個填充為紅色

給圓點一添加點擊事件

• 面板狀態為輪播圖一，滑動動畫為向左滑動時間1000毫秒；
• 等待1000毫秒；
• 面板狀態為Next

給圓點二添加點擊事件

• 等待1000毫秒；

給圓點三添加點擊事件

• 面板狀態為輪播圖三，滑動動畫為向左滑動時間1000毫秒；
• 等待1000毫秒；
• 面板狀態為Next

8、雙擊動態面板，選擇動態面板狀態三（輪播圖三）進入頁面，在距離圖片底部15像素的地方添加三個橢圓形設置寬高為15*15（大小自己設置）並去掉邊框，將第三個填充為紅色

給圓點一添加點擊事件

• 面板狀態為輪播圖一，滑動動畫為向左滑動時間1000毫秒；
• 等待1000毫秒；
• 面板狀態為Next

給圓點二添加點擊事件

• 面板狀態為輪播圖二，滑動動畫為向左滑動時間1000毫秒；
• 等待1000毫秒；
• 面板狀態為Next

給圓點三添加點擊事件

• 等待1000毫秒；

到此所有的設置都已經完成了，點擊預覽可以查看效果，各位有想法或者發現錯誤的歡迎指正！

axure 輪播圖