axure設置輪播圖詳細流程,有問題歡迎指正,直接上流程,demo下載 :https://files.cnblogs.com/files/fannyLi/%E8%BD%AE%E6%92%AD%E5%9B%BE.rp.zip動畫
一、打開axure新建一個頁面,拖入動態面板3d
二、雙擊動態面板,彈出面板管理,填寫動態面板名稱:輪播圖,點擊綠色加號添加3個面板狀態(個數根據需求而定)blog
三、雙擊動態面板中的輪播圖一進入狀態一,添加一張圖片事件
四、動態面板中輪播圖2、三同上,各添加一張圖片圖片
五、回到index頁面,選中動態面板,在右側屬性中雙擊交互:載入時,根據圖示操做,點擊肯定,到此簡單的輪播就能夠了,點擊預覽即可以查看輪播效果ip
六、若是想要點擊切換輪播效果則繼續向下操做,雙擊動態面板,選擇動態面板狀態一(輪播圖一)進入頁面,在距離圖片底部15像素的地方添加三個橢圓形設置寬高爲15*15(大小本身設置)並去掉邊框,將第一個填充爲紅色,並添加點擊事件爲等待時間2000毫秒,點擊肯定file
設置第二個圓點點擊事件(三個事件)輪播圖
設置第三個圓點點擊事件下載
七、雙擊動態面板,選擇動態面板狀態二(輪播圖二)進入頁面,在距離圖片底部15像素的地方添加三個橢圓形設置寬高爲15*15(大小本身設置)並去掉邊框,將第二個填充爲紅色im
給圓點一添加點擊事件
給圓點二添加點擊事件
給圓點三添加點擊事件
八、雙擊動態面板,選擇動態面板狀態三(輪播圖三)進入頁面,在距離圖片底部15像素的地方添加三個橢圓形設置寬高爲15*15(大小本身設置)並去掉邊框,將第三個填充爲紅色
給圓點一添加點擊事件
給圓點二添加點擊事件
給圓點三添加點擊事件
到此全部的設置都已經完成了,點擊預覽能夠查看效果,各位有想法或者發現錯誤的歡迎指正!