欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure怎么制作一個(gè)幸運(yùn)大轉(zhuǎn)盤動(dòng)畫?

百度經(jīng)驗(yàn)   發(fā)布時(shí)間：2018-08-24 16:17:03   作者：goodbyte01   我要評(píng)論
Axure怎么制作一個(gè)幸運(yùn)大轉(zhuǎn)盤動(dòng)畫？Axure中想要制作一個(gè)大轉(zhuǎn)盤的動(dòng)畫，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

Axure中想要制作一個(gè)大轉(zhuǎn)盤的動(dòng)畫，該怎么制作這個(gè)動(dòng)畫效果呢？下面我們就來看看詳細(xì)的教程。

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)起來的交互效果，設(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)畫：緩進(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)盤“。

以上就是Axure制作幸運(yùn)大轉(zhuǎn)盤動(dòng)畫的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

Axure流程圖怎么添加連接線?

Axure RP 8怎么制作倒計(jì)時(shí)動(dòng)畫?

Axure怎么制作百分比的進(jìn)度條動(dòng)畫?

相關(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)的效果，該怎么繪制這種界面呢？下面我們就來看看詳細(xì)的教程，需要的朋友可
    2018-01-17

  • Axure RP 8對(duì)象怎么組合和取消組合?

    Axure RP 8對(duì)象怎么組合和取消組合？Axure RP 8中的元素需要組合到一起，該怎么組合或者取消組合呢？下面我們就來看看詳細(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ì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-15

  • Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏?

    Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏？Axure中想要制作單擊按鈕觸發(fā)圖片顯示出來的效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-15

  • Axure怎么繪制柱狀圖圖形? Axure繪制柱狀圖的教程

    Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個(gè)柱狀圖，該怎么繪制呢？下面我們就來看看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)入呢？下面我們就來看看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)移開以后表格恢復(fù)原來顏色，下面我們就來看看詳細(xì)的教程，需要的朋友可以參
    2018-01-11

  • Axure怎么導(dǎo)入本地的按鈕? Axure打開本地文件的技巧

    Axure怎么導(dǎo)入本地的按鈕？Axure設(shè)計(jì)網(wǎng)頁(yè)圓形的時(shí)候，想要導(dǎo)入本地的按鈕，該怎么導(dǎo)入呢？下面我們就來看看Axure打開本地文件的技巧，需要的朋友可以參考下
    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è)原型，該怎么生成呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-10

  • Axure文件怎么生成html分享鏈接?

    Axure文件怎么生成html分享鏈接？Axure中設(shè)計(jì)的模型想要分享給朋友觀看，該怎么生成html鏈接呢？下面我們就來看看
    2017-12-21

最新評(píng)論