天天看點

線性重複動畫

線性重複動畫

線性重複動畫

效果

線性重複動畫

說明

線性重複的動畫可以用在以下的一些場景:

1)線性加載效果(如上圖)

2)下載下傳箭頭的循環出現

源碼

<a href="https://github.com/YouXianMing/Animations" target="_blank">https://github.com/YouXianMing/Animations</a>

細節

線性重複動畫是有着方向性的,他有4個方向可供你使用:

線性重複動畫

你需要設定方向值、速度值以及一張可以循環顯示的圖檔,對圖檔也是有要求的,圖檔的話需要保證平移的時候可以無縫銜接:

線性重複動畫

CALayer的相關動畫會在進入背景的時候自動移除掉了,是以,從背景進入前台的時候需要手動開啟動畫:

線性重複動畫

以下是核心所在:

線性重複動畫