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

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

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

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

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

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

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

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

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

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

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

相關(guān)推薦:

Axure怎么繪制流程圖?

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

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

相關(guān)文章

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

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

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

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

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

    axure團(tuán)隊(duì)項(xiàng)目怎么獲???axure做項(xiàng)目的時(shí)候,想要獲取團(tuán)隊(duì)項(xiàng)目,該怎么獲取呢?下面我們就來(lái)看看axure獲取并打開(kāi)團(tuán)隊(duì)項(xiàng)目的方法,需要的朋友可以參考下
    2017-09-28
  • axure怎么設(shè)計(jì)一個(gè)倒計(jì)時(shí)效果的模型?

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

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

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

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

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

最新評(píng)論