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

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)推薦:
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-02axure怎么設(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中想要給圖片添加鼠標(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-30axure團(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-28axure怎么設(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-28axure網(wǎng)頁(yè)原型怎么預(yù)覽和生成原型文件?
axure網(wǎng)頁(yè)原型怎么預(yù)覽和生成原型文件?axure中設(shè)計(jì)好的文件原型想要預(yù)覽并生成,該怎么預(yù)覽呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-09-25axure原型無(wú)法簽出怎么辦? axure不能簽出的解決辦法
axure原型無(wú)法簽出怎么辦、?axure中設(shè)計(jì)網(wǎng)頁(yè)原型很方便,設(shè)計(jì)完成以后發(fā)現(xiàn)無(wú)法簽出,該怎么辦呢?下面我們就來(lái)看看axure不能簽出的解決辦法,需要的朋友可以參考下2017-09-24Axure怎么新建元件庫(kù)? Axure元件庫(kù)的使用方法
Axure怎么新建元件庫(kù)?想要把常用的組件制作一個(gè)元件,放到自己的元件庫(kù)中,該怎么操作呢?下面我們就來(lái)看看Axure元件庫(kù)的使用方法,需要的朋友可以參考下2017-09-13- axure中的單元格怎么合并?axure制作的網(wǎng)頁(yè)原型中插入了表格,想要將表格中的單元格合并呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-09-08