LoadingAnimation – 彈跳的三個點


LoadingAnimation – 彈跳的三個點

動畫為三個點依次落下然後回到原來的位置上。


LoadingView

單個點的上下動畫通過 UIView Animation 很容易可以做到,但如果要呈現上面的動畫效果呢?

Dot

通過 UIBezierPath(ovalIn) 來畫一個圓,用白色來填充。

CAReplicatorLayer

這是一個繼承於 CALayer 的容器,我們將 dotLayer 加入到 subLayer 以後,通過CATransform3DMakeTranslation 設定邊距。

Animation

通過 CAKeyframeAnimation 對 position.y 做動畫。


Reference

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料