本人教大家，如何利用Axure制作超簡單機械加載效果，enjoy~

看看效果：

可以學到什么？

1. 循環(huán)動態(tài)面板的應用
2. 有關循環(huán)動畫怎么處理
3. 自帶元件庫的使用

第一步：繪制

在系統(tǒng)元件庫里搜索“齒輪”。

添加三個到畫布，設置尺寸180*180，依次命名齒輪1、齒輪2、齒輪3，如圖分布：

第二步：制作動效

創(chuàng)建一個動態(tài)面板，添加2個狀態(tài)，命名“控制”。

新建交互【狀態(tài)改變時】：

1. 旋轉齒輪2順時針經過360°，動畫線性5000ms；
2. 旋轉齒輪3逆時針經過360°，動畫線性5000ms；
3. 旋轉齒輪1逆時針經過360°，動畫線性5000ms。

然后需要驅動“控制”動態(tài)面板循環(huán)的交互，在什么都不選擇的情況下，點擊交互，頁面載入時，設置“控制”動態(tài)面板下一項循環(huán)間隔5000ms。

以上做的兩個步驟即每隔5秒觸發(fā)一次動態(tài)面板循環(huán)，動態(tài)面板循環(huán)一次，就轉動齒輪一周，轉動時間5秒。

第三步：效果

有沒有感覺很舒服?。?！用循環(huán)動態(tài)面板同樣可以做出加載中省略號從一點到三點循環(huán)下去的效果，大家動動腦筋做做看吧！

本文由 @索大佩羅娜 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協(xié)議