axure7.0想要繪制時(shí)鐘并制作秒針轉(zhuǎn)動的效果,該怎么制作呢?下面我們就來看那看詳細(xì)的教程。
1、首先在頁面中添加一個(gè)原型,建議由固定的寬度,示例中的圓形直徑為180,位置處于0.0處,至于此處是為了方便計(jì)算,大家可以根據(jù)自身的實(shí)際情況適當(dāng)調(diào)節(jié)。

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

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

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

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

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

以上就是axure制作鐘表旋轉(zhuǎn)的教程,希望大家喜歡,請繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
新聞熱點(diǎn)
疑難解答
圖片精選