LoadingAnimation – 彈跳的三個點


LoadingAnimation – 彈跳的三個點

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


LoadingView

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

Dot

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

CAReplicatorLayer

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

Animation

通過 CAKeyframeAnimation 對 position.y 做動畫。


Reference

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

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