Axure怎么制作鐘表秒針旋轉(zhuǎn)的效果?
我要評(píng)論axure7.0想要繪制時(shí)鐘并制作秒針轉(zhuǎn)動(dòng)的效果，該怎么制作呢？下面我們就來看那看詳細(xì)的教程。
1、首先在頁面中添加一個(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)面板是用來控制秒針的轉(zhuǎn)動(dòng)的，我們可以在載入頁面時(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ù)覽，頁面上就會(huì)只剩下一個(gè)有著秒針的表盤了，怎么樣，是不是很簡(jiǎn)單？有興趣的朋友可以試著做下時(shí)針和分針，就當(dāng)做入門的練習(xí)吧
以上就是axure制作鐘表旋轉(zhuǎn)的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設(shè)置方法
相關(guān)文章
Axure RP 8怎么設(shè)計(jì)立體的圓角矩形按鈕?
Axure RP 8怎么設(shè)計(jì)立體的圓角矩形按鈕？Axure RP 8中想要設(shè)計(jì)一個(gè)查詢的圓角矩形按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-02
axure怎么設(shè)計(jì)鼠標(biāo)展開折疊效果?
axure怎么設(shè)計(jì)鼠標(biāo)展開折疊效果？axure中想要繪制一個(gè)可以折疊展開功能的原型，該怎么設(shè)計(jì)呢？下面我們就來看看axure制作折疊效果的教程，需要的朋友可以參考下2017-11-01
Axure怎么給圖片增加點(diǎn)擊事件？Axure中想要給圖片添加鼠標(biāo)單擊事件，如果鼠標(biāo)單擊圖片返回主頁，該怎么實(shí)現(xiàn)這個(gè)效果呢？下面我們就來看看詳細(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團(tuán)隊(duì)項(xiàng)目怎么獲取? axure獲取并打開團(tuán)隊(duì)項(xiàng)目的方法
axure團(tuán)隊(duì)項(xiàng)目怎么獲?。縜xure做項(xiàng)目的時(shí)候，想要獲取團(tuán)隊(duì)項(xiàng)目，該怎么獲取呢？下面我們就來看看axure獲取并打開團(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)頁圓形很簡(jiǎn)單，今天我們就來看看使用axure設(shè)置一個(gè)倒計(jì)時(shí)效果的教程，需要的朋友可以參考下2017-09-28
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件？axure中設(shè)計(jì)好的文件原型想要預(yù)覽并生成，該怎么預(yù)覽呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、？axure中設(shè)計(jì)網(wǎng)頁原型很方便，設(shè)計(jì)完成以后發(fā)現(xiàn)無法簽出，該怎么辦呢？下面我們就來看看axure不能簽出的解決辦法，需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫？想要把常用的組件制作一個(gè)元件，放到自己的元件庫中，該怎么操作呢？下面我們就來看看Axure元件庫的使用方法，需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并？axure制作的網(wǎng)頁原型中插入了表格，想要將表格中的單元格合并呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-09-08
