Axure中想要制作一個大轉盤的動畫,該怎么制作這個動畫效果呢?下面我們就來看看詳細的教程。
1、按如下圖新建“水平線”、“垂直線”、“圓”、“圖標:箭頭”、及“按鍵”
2、這里設置以下參數,僅供演示使用:
設置“水平線”寬度:300;
設置“垂直線”高度:300;
設置“圓”尺寸:300*300;
設置“圖標:箭頭”尺寸:200*22;填充色:#FF0000;命名為:“指針”
設置“按鍵”內容為:“轉一轉”;”鼠標懸停“時的”填充色“為#C6E6E8;
布局如下所示:
3、下面就是設置驅動指針轉動起來的交互效果,設置”按鍵:轉一轉“的”鼠標單擊時“的交互動作:
4、設置旋轉”圖標:指針“的角度:
方向:順時針(按需要可以設置順時針或逆時針);
描點:中心;
不用設置偏移量;
動畫:緩進緩出
時間:5000毫秒(即5秒)
5、這里需要注意的是:
轉動的角度得隨機,要不怎么體現出”幸運“呢~
所以轉動的角度設置為:[[Math.random()*10000]]
其中random()返回一個0~1之間的隨機數,至于想轉動多少圈,就自己定義吧~
6、是不是很簡單,一個按鍵就能玩出一個”幸運大轉盤“。
以上就是Axure制作幸運大轉盤動畫的教程,希望大家喜歡,請繼續關注武林網。
相關推薦:
新聞熱點
疑難解答
圖片精選