axure7.0想要繪制時鐘并制作秒針轉動的效果,該怎么制作呢?下面我們就來看那看詳細的教程。
1、首先在頁面中添加一個原型,建議由固定的寬度,示例中的圓形直徑為180,位置處于0.0處,至于此處是為了方便計算,大家可以根據自身的實際情況適當調節。
2、添加一個秒針,秒針的長度要小于圓形半徑,這點就不做解釋了。此時這個秒針的位置放置于X:90,Y:10 ,我的秒針長度為80,此時它的尾部正好處于圓形的圓心處。
3、指針可用直線替代,箭頭的添加方式如截圖所示
4、添加好后我們需要一個動態面板,這個動態面板是用來控制秒針的轉動的,我們可以在載入頁面時,讓動態面板每一秒完成一次狀態切換,動態面板切換的同時,帶動秒針以底部為圓心進行轉動,轉動的角度為360度/60秒=6度/秒,下圖為動態秒板的切換方法
5、下圖為動態面板上附加的事件:動態面板每一次狀態切換觸發效果:秒針轉動6度
6、試運行下,已經達到想要的效果了,此時在原型中隱藏作為效果控制的動態面板即可,再次預覽,頁面上就會只剩下一個有著秒針的表盤了,怎么樣,是不是很簡單?有興趣的朋友可以試著做下時針和分針,就當做入門的練習吧
以上就是axure制作鐘表旋轉的教程,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
Axure怎么繪制流程圖?
Axure元件怎么任意改變形狀?
AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設置方法
新聞熱點
疑難解答
圖片精選