使用Axure制作出一個大轉盤動畫具體操作方法
很多公司都有用戶大轉盤抽獎,那么你們知道使用Axure如何制作一個大轉盤動畫嗎?下文就帶來了使用Axure制作出一個大轉盤動畫的具體操作方法 。

1、按如下圖新建“水平線”、“垂直線”、“圓”、“圖標:箭頭”、及“按鍵”

2、這里設置以下參數 , 僅供演示使用:
【使用Axure制作出一個大轉盤動畫具體操作方法】設置“水平線”寬度:300;
設置“垂直線”高度:300;
設置“圓”尺寸:300*300;
設置“圖標:箭頭”尺寸:200*22;填充色:#FF0000;命名為:“指針”
設置“按鍵”內容為:“轉一轉”;”鼠標懸停“時的”填充色“為#C6E6E8;
布局如下所示:

3、下面就是設置驅動指針轉動起來的交互效果,設置”按鍵:轉一轉“的”鼠標單擊時“的交互動作:

4、設置旋轉”圖標:指針“的角度:
方向:順時針(按需要可以設置順時針或逆時針);
描點:中心;
不用設置偏移量;
動畫:緩進緩出
時間:5000毫秒(即5秒)

5、這里需要注意的是:
轉動的角度得隨機,要不怎么體現出”幸運“呢~
所以轉動的角度設置為:[[Math.random()*10000]]
其中random()返回一個0~1之間的隨機數,至于想轉動多少圈,就自己定義吧~

6、是不是很簡單,一個按鍵就能玩出一個”幸運大轉盤“ 。
按照上文為你們講述的使用Axure制作出一個大轉盤動畫的具體操作方法 , 你們自己也趕緊去試試吧!
