axure 輪播圖

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

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

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

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

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

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

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

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

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

設置第三個圓點點擊事件

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

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

 

給圓點一添加點擊事件

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

給圓點二添加點擊事件

• 等待1000毫秒；

給圓點三添加點擊事件

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

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

給圓點一添加點擊事件

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

 給圓點二添加點擊事件

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

給圓點三添加點擊事件

• 等待1000毫秒；

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