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

Axure怎么制作一個幸運大轉(zhuǎn)盤動畫?

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

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

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

2、這里設(shè)置以下參數(shù)，僅供演示使用：

設(shè)置“水平線”寬度：300；

設(shè)置“垂直線”高度：300；

設(shè)置“圓”尺寸：300*300；

設(shè)置“圖標：箭頭”尺寸：200*22；填充色：#FF0000;命名為：“指針”

設(shè)置“按鍵”內(nèi)容為：“轉(zhuǎn)一轉(zhuǎn)”；”鼠標懸停“時的”填充色“為#C6E6E8；

布局如下所示：

3、下面就是設(shè)置驅(qū)動指針轉(zhuǎn)動起來的交互效果，設(shè)置”按鍵：轉(zhuǎn)一轉(zhuǎn)“的”鼠標單擊時“的交互動作：

4、設(shè)置旋轉(zhuǎn)”圖標：指針“的角度：

方向：順時針（按需要可以設(shè)置順時針或逆時針）；

描點：中心；

不用設(shè)置偏移量；

動畫：緩進緩出

時間：5000毫秒（即5秒）

5、這里需要注意的是：

轉(zhuǎn)動的角度得隨機，要不怎么體現(xiàn)出”幸運“呢~

所以轉(zhuǎn)動的角度設(shè)置為：[[Math.random()*10000]]

其中random()返回一個0~1之間的隨機數(shù)，至于想轉(zhuǎn)動多少圈，就自己定義吧~

6、是不是很簡單，一個按鍵就能玩出一個”幸運大轉(zhuǎn)盤“。

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

相關(guān)推薦：

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

Axure RP 8怎么制作倒計時動畫?

Axure怎么制作百分比的進度條動畫?

相關(guān)文章

  • Axure RP 8怎么模擬手機界面顯示應(yīng)用圖標的效果?

    Axure RP 8怎么模擬手機界面顯示應(yīng)用圖標的效果？Axure RP 8中想要設(shè)計一個手機屏幕顯示應(yīng)用圖標的效果，該怎么繪制這種界面呢？下面我們就來看看詳細的教程，需要的朋友可
    2018-01-17

  • Axure RP 8對象怎么組合和取消組合?

    Axure RP 8對象怎么組合和取消組合？Axure RP 8中的元素需要組合到一起，該怎么組合或者取消組合呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
    2018-01-17

  • Axure RP 8怎么設(shè)計注冊頁面的網(wǎng)頁原型?

    Axure RP 8怎么設(shè)計注冊頁面的網(wǎng)頁原型？很多網(wǎng)站都會有注冊頁面，想要設(shè)計一款注冊頁面，該怎么設(shè)計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
    2018-01-15

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

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

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

    Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個柱狀圖，該怎么繪制呢？下面我們就來看看Axure繪制柱狀圖的教程，很簡單，需要的朋友可以參考下
    2018-01-14

  • Axure RP8怎么導入RP文件? Axure導入本地RP文件的教程

    Axure RP8怎么導入RP文件？Axure RP8設(shè)計模型很簡單，想要將本地的RP文件文件導入到axure中，該怎么導入呢？下面我們就來看看Axure導入本地RP文件的教程，需要的朋友可以參
    2018-01-14

  • Axure怎么做表格隨著鼠標移動改變顏色?

    Axure怎么做表格隨著鼠標移動改變顏色？Axure中的表格當鼠標選中某行的時候，顏色發(fā)生變化，鼠標移開以后表格恢復(fù)原來顏色，下面我們就來看看詳細的教程，需要的朋友可以參
    2018-01-11

  • Axure怎么導入本地的按鈕? Axure打開本地文件的技巧

    Axure怎么導入本地的按鈕？Axure設(shè)計網(wǎng)頁圓形的時候，想要導入本地的按鈕，該怎么導入呢？下面我們就來看看Axure打開本地文件的技巧，需要的朋友可以參考下
    2018-01-10

  • Axure設(shè)計的登陸頁面怎么生成網(wǎng)頁原型?

    Axure設(shè)計的登陸頁面怎么生成網(wǎng)頁原型？Axure中設(shè)計的登陸網(wǎng)頁想要直接生成網(wǎng)頁原型，該怎么生成呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
    2018-01-10

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

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

最新評論