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

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

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

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

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

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

以上就是axure制作鐘表旋轉的教程,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設置方法
相關文章
Axure RP 8怎么設計立體的圓角矩形按鈕?Axure RP 8中想要設計一個查詢的圓角矩形按鈕,該怎么設計呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-11-02
axure怎么設計鼠標展開折疊效果?axure中想要繪制一個可以折疊展開功能的原型,該怎么設計呢?下面我們就來看看axure制作折疊效果的教程,需要的朋友可以參考下2017-11-01
Axure怎么給圖片增加點擊事件?Axure中想要給圖片添加鼠標單擊事件,如果鼠標單擊圖片返回主頁,該怎么實現(xiàn)這個效果呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-11-01
axure怎么調整字間距?axure中想要調節(jié)文字的行間距,該怎么調節(jié)呢?下面我們就來看看axure字間距的設置方法,需要的朋友可以參考下2017-09-30
axure團隊項目怎么獲取? axure獲取并打開團隊項目的方法
axure團隊項目怎么獲???axure做項目的時候,想要獲取團隊項目,該怎么獲取呢?下面我們就來看看axure獲取并打開團隊項目的方法,需要的朋友可以參考下2017-09-28
axure怎么設計一個倒計時效果的模型?axure中設計網(wǎng)頁圓形很簡單,今天我們就來看看使用axure設置一個倒計時效果的教程,需要的朋友可以參考下2017-09-28
axure網(wǎng)頁原型怎么預覽和生成原型文件?axure中設計好的文件原型想要預覽并生成,該怎么預覽呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、?axure中設計網(wǎng)頁原型很方便,設計完成以后發(fā)現(xiàn)無法簽出,該怎么辦呢?下面我們就來看看axure不能簽出的解決辦法,需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫?想要把常用的組件制作一個元件,放到自己的元件庫中,該怎么操作呢?下面我們就來看看Axure元件庫的使用方法,需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并?axure制作的網(wǎng)頁原型中插入了表格,想要將表格中的單元格合并呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-09-08












