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

Axure怎么制作鐘表秒針旋轉(zhuǎn)的效果?

百度經(jīng)驗   發(fā)布時間:2018-06-11 12:44:15   作者:沒經(jīng)驗的axure   我要評論
Axure怎么制作鐘表秒針旋轉(zhuǎn)的效果?Axure中想要制作一個指針秒表轉(zhuǎn)動的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下

axure7.0想要繪制時鐘并制作秒針轉(zhuǎn)動的效果,該怎么制作呢?下面我們就來看那看詳細(xì)的教程。

1、首先在頁面中添加一個原型,建議由固定的寬度,示例中的圓形直徑為180,位置處于0.0處,至于此處是為了方便計算,大家可以根據(jù)自身的實際情況適當(dāng)調(diào)節(jié)。

2、添加一個秒針,秒針的長度要小于圓形半徑,這點就不做解釋了。此時這個秒針的位置放置于X:90,Y:10  ,我的秒針長度為80,此時它的尾部正好處于圓形的圓心處。

3、指針可用直線替代,箭頭的添加方式如截圖所示

4、添加好后我們需要一個動態(tài)面板,這個動態(tài)面板是用來控制秒針的轉(zhuǎn)動的,我們可以在載入頁面時,讓動態(tài)面板每一秒完成一次狀態(tài)切換,動態(tài)面板切換的同時,帶動秒針以底部為圓心進行轉(zhuǎn)動,轉(zhuǎn)動的角度為360度/60秒=6度/秒,下圖為動態(tài)秒板的切換方法

5、下圖為動態(tài)面板上附加的事件:動態(tài)面板每一次狀態(tài)切換觸發(fā)效果:秒針轉(zhuǎn)動6度

6、試運行下,已經(jīng)達(dá)到想要的效果了,此時在原型中隱藏作為效果控制的動態(tài)面板即可,再次預(yù)覽,頁面上就會只剩下一個有著秒針的表盤了,怎么樣,是不是很簡單?有興趣的朋友可以試著做下時針和分針,就當(dāng)做入門的練習(xí)吧

以上就是axure制作鐘表旋轉(zhuǎn)的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure怎么繪制流程圖?

Axure元件怎么任意改變形狀?

AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設(shè)置方法

相關(guān)文章

  • Axure RP 8怎么設(shè)計立體的圓角矩形按鈕?

    Axure RP 8怎么設(shè)計立體的圓角矩形按鈕?Axure RP 8中想要設(shè)計一個查詢的圓角矩形按鈕,該怎么設(shè)計呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2017-11-02
  • axure怎么設(shè)計鼠標(biāo)展開折疊效果?

    axure怎么設(shè)計鼠標(biāo)展開折疊效果?axure中想要繪制一個可以折疊展開功能的原型,該怎么設(shè)計呢?下面我們就來看看axure制作折疊效果的教程,需要的朋友可以參考下
    2017-11-01
  • Axure怎么給圖片增加點擊事件?

    Axure怎么給圖片增加點擊事件?Axure中想要給圖片添加鼠標(biāo)單擊事件,如果鼠標(biāo)單擊圖片返回主頁,該怎么實現(xiàn)這個效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2017-11-01
  • axure怎么調(diào)整字間距? axure字間距的設(shè)置方法

    axure怎么調(diào)整字間距?axure中想要調(diào)節(jié)文字的行間距,該怎么調(diào)節(jié)呢?下面我們就來看看axure字間距的設(shè)置方法,需要的朋友可以參考下
    2017-09-30
  • axure團隊項目怎么獲取? axure獲取并打開團隊項目的方法

    axure團隊項目怎么獲???axure做項目的時候,想要獲取團隊項目,該怎么獲取呢?下面我們就來看看axure獲取并打開團隊項目的方法,需要的朋友可以參考下
    2017-09-28
  • axure怎么設(shè)計一個倒計時效果的模型?

    axure怎么設(shè)計一個倒計時效果的模型?axure中設(shè)計網(wǎng)頁圓形很簡單,今天我們就來看看使用axure設(shè)置一個倒計時效果的教程,需要的朋友可以參考下
    2017-09-28
  • axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?

    axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?axure中設(shè)計好的文件原型想要預(yù)覽并生成,該怎么預(yù)覽呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2017-09-25
  • axure原型無法簽出怎么辦? axure不能簽出的解決辦法

    axure原型無法簽出怎么辦、?axure中設(shè)計網(wǎng)頁原型很方便,設(shè)計完成以后發(fā)現(xiàn)無法簽出,該怎么辦呢?下面我們就來看看axure不能簽出的解決辦法,需要的朋友可以參考下
    2017-09-24
  • Axure怎么新建元件庫? Axure元件庫的使用方法

    Axure怎么新建元件庫?想要把常用的組件制作一個元件,放到自己的元件庫中,該怎么操作呢?下面我們就來看看Axure元件庫的使用方法,需要的朋友可以參考下
    2017-09-13
  • axure中的單元格怎么合并?

    axure中的單元格怎么合并?axure制作的網(wǎng)頁原型中插入了表格,想要將表格中的單元格合并呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2017-09-08

最新評論