Axure怎么制作一個(gè)幸運(yùn)大轉(zhuǎn)盤(pán)動(dòng)畫(huà)?
我要評(píng)論Axure中想要制作一個(gè)大轉(zhuǎn)盤(pán)的動(dòng)畫(huà)，該怎么制作這個(gè)動(dòng)畫(huà)效果呢？下面我們就來(lái)看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、按如下圖新建“水平線”、“垂直線”、“圓”、“圖標(biāo)：箭頭”、及“按鍵”
2、這里設(shè)置以下參數(shù)，僅供演示使用：
設(shè)置“水平線”寬度：300；
設(shè)置“垂直線”高度：300；
設(shè)置“圓”尺寸：300*300；
設(shè)置“圖標(biāo)：箭頭”尺寸：200*22；填充色：#FF0000;命名為：“指針”
設(shè)置“按鍵”內(nèi)容為：“轉(zhuǎn)一轉(zhuǎn)”；”鼠標(biāo)懸停“時(shí)的”填充色“為#C6E6E8；
布局如下所示：
3、下面就是設(shè)置驅(qū)動(dòng)指針轉(zhuǎn)動(dòng)起來(lái)的交互效果，設(shè)置”按鍵：轉(zhuǎn)一轉(zhuǎn)“的”鼠標(biāo)單擊時(shí)“的交互動(dòng)作：
4、設(shè)置旋轉(zhuǎn)”圖標(biāo)：指針“的角度：
方向：順時(shí)針（按需要可以設(shè)置順時(shí)針或逆時(shí)針）；
描點(diǎn)：中心；
不用設(shè)置偏移量；
動(dòng)畫(huà)：緩進(jìn)緩出
時(shí)間：5000毫秒（即5秒）
5、這里需要注意的是：
轉(zhuǎn)動(dòng)的角度得隨機(jī)，要不怎么體現(xiàn)出”幸運(yùn)“呢~
所以轉(zhuǎn)動(dòng)的角度設(shè)置為：[[Math.random()*10000]]
其中random()返回一個(gè)0~1之間的隨機(jī)數(shù)，至于想轉(zhuǎn)動(dòng)多少圈，就自己定義吧~
6、是不是很簡(jiǎn)單，一個(gè)按鍵就能玩出一個(gè)”幸運(yùn)大轉(zhuǎn)盤(pán)“。
以上就是Axure制作幸運(yùn)大轉(zhuǎn)盤(pán)動(dòng)畫(huà)的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么制作倒計(jì)時(shí)動(dòng)畫(huà)?
Axure怎么制作百分比的進(jìn)度條動(dòng)畫(huà)?
相關(guān)文章
Axure RP 8怎么模擬手機(jī)界面顯示應(yīng)用圖標(biāo)的效果?
Axure RP 8怎么模擬手機(jī)界面顯示應(yīng)用圖標(biāo)的效果？Axure RP 8中想要設(shè)計(jì)一個(gè)手機(jī)屏幕顯示應(yīng)用圖標(biāo)的效果，該怎么繪制這種界面呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可2018-01-17
Axure RP 8對(duì)象怎么組合和取消組合？Axure RP 8中的元素需要組合到一起，該怎么組合或者取消組合呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-17
Axure RP 8怎么設(shè)計(jì)注冊(cè)頁(yè)面的網(wǎng)頁(yè)原型?
Axure RP 8怎么設(shè)計(jì)注冊(cè)頁(yè)面的網(wǎng)頁(yè)原型？很多網(wǎng)站都會(huì)有注冊(cè)頁(yè)面，想要設(shè)計(jì)一款注冊(cè)頁(yè)面，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-15
Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏？Axure中想要制作單擊按鈕觸發(fā)圖片顯示出來(lái)的效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-15
Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個(gè)柱狀圖，該怎么繪制呢？下面我們就來(lái)看看Axure繪制柱狀圖的教程，很簡(jiǎn)單，需要的朋友可以參考下2018-01-14
Axure RP8怎么導(dǎo)入RP文件? Axure導(dǎo)入本地RP文件的教程
Axure RP8怎么導(dǎo)入RP文件？Axure RP8設(shè)計(jì)模型很簡(jiǎn)單，想要將本地的RP文件文件導(dǎo)入到axure中，該怎么導(dǎo)入呢？下面我們就來(lái)看看Axure導(dǎo)入本地RP文件的教程，需要的朋友可以參2018-01-14
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色？Axure中的表格當(dāng)鼠標(biāo)選中某行的時(shí)候，顏色發(fā)生變化，鼠標(biāo)移開(kāi)以后表格恢復(fù)原來(lái)顏色，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2018-01-11
Axure怎么導(dǎo)入本地的按鈕? Axure打開(kāi)本地文件的技巧
Axure怎么導(dǎo)入本地的按鈕？Axure設(shè)計(jì)網(wǎng)頁(yè)圓形的時(shí)候，想要導(dǎo)入本地的按鈕，該怎么導(dǎo)入呢？下面我們就來(lái)看看Axure打開(kāi)本地文件的技巧，需要的朋友可以參考下2018-01-10
Axure設(shè)計(jì)的登陸頁(yè)面怎么生成網(wǎng)頁(yè)原型?
Axure設(shè)計(jì)的登陸頁(yè)面怎么生成網(wǎng)頁(yè)原型？Axure中設(shè)計(jì)的登陸網(wǎng)頁(yè)想要直接生成網(wǎng)頁(yè)原型，該怎么生成呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-10
Axure文件怎么生成html分享鏈接？Axure中設(shè)計(jì)的模型想要分享給朋友觀看，該怎么生成html鏈接呢？下面我們就來(lái)看看2017-12-21
