之前的帖子里已經(jīng)使用時間軸和軌跡實現(xiàn)了很多的效果，今天我們來做一個模擬時鐘。主要思路是用一個作為表盤，三個矩形分別作為時針，分針和秒針，通過各自軌跡設置他們在同一時間軸下的轉(zhuǎn)動圈數(shù)成一定比例關(guān)系。

1.表盤

首先是添加橢圓組件，這里我們需要設置它的原點橫縱坐標都是50%，這樣橢圓組件的XY坐標就是它的中心店坐標，這個XY坐標在我們設置指針的時候也要用到。

2.添加指針

指針使用矩形來展示的，由于指針要繞著表盤的中心點旋轉(zhuǎn)，所以我們要將矩形的坐標原點與橢圓的坐標原點設置在同一個位置。因此先設置矩形的原點橫坐標是50%，原點縱坐標是100%，即矩形下邊界中間的位置，然后設置矩形的坐標與橢圓組件一樣(50,50)。分針和秒針也是同理，只不過矩形的形狀和顏色有所變動。

3.軌跡

最后就是軌跡的設置了，我們在時間軸里統(tǒng)一管理時針，分針和秒針的軌跡。這一步其實更多的是數(shù)值上的計算，以時針轉(zhuǎn)一整圈360°為基準，則給時針的軌跡添加兩個關(guān)鍵幀，0s時時針處于初始狀態(tài)，在時間軸末尾的10s時表示時針的矩形的旋轉(zhuǎn)角度是360°。分針和秒針的軌跡也是同理添加兩個關(guān)鍵幀，而時針旋轉(zhuǎn)360°的過程中一共歷時12小時，一小時分針旋轉(zhuǎn)360°，所以分針總共旋轉(zhuǎn)4320°，而12小時也就是720分鐘，一分鐘秒針旋轉(zhuǎn)360°，則秒針共旋轉(zhuǎn)259200°。

現(xiàn)在我們讓時間軸自動循環(huán)播放就可以看到模擬時鐘的效果啦。

總結(jié)

要注意的是我們的時間軸只有10s，而我們demo中時針轉(zhuǎn)360所代表的時長是12小時即43200s，所以可能就會想到將時間軸的實際時長改為43200，但是可以看到填入后播放速度就變成了0，這是因為計算后的播放速度過于小而被系統(tǒng)判定為0了，我們要是希望可以1比1達到真實時鐘的效果，可以將時間軸的原始時長增大一些，至少為實際時長的0.5%（四舍五入）。