1. 程式人生 > >Lottie動畫在Android和Ios開發中的應用——Ios篇

Lottie動畫在Android和Ios開發中的應用——Ios篇

Lottie動畫是airbnb最新開源的一個動畫解決方案,在移動平臺使用非常便捷,無論AndroidiOS,還是Web都支援。

先來看一下他能做的效果


這是官方上傳到github上的Ios Demo

裡面展示了三個方面

一、各種單獨動畫的展示

二、輸入法字母的動畫

三、兩個頁面之間的切換動畫

有興趣的同學,可以直接下載demo執行

我們來看一下怎麼能在我們專案中應用Lottie動畫

當然,首先你得有動畫的檔案,這個官方demo裡有很多,可以直接用,也可以自己用AE製作一個導(安裝外掛Bodymovin)出來使用。

Lottie庫支援用pod直接匯入

pod 'lottie-ios'

run

pod install

再程式碼中使用LOTAnimationView

LOTAnimationView *animation = [LOTAnimationView animationNamed:@"Lottie"];
[self.view addSubview:animation];
動畫名稱,不需要字尾名.json

另外,動畫可以獲取時間,播放進度,播放速度,迴圈播放等引數,當然也可以設定這些引數

如:animationDuration animationProgress animationSpeed loopAnimation pause play

playWithCompletion 監聽播放完畢動畫的時機

可是我想播放編輯的圖片的動畫,android裡就可以,而ios裡沒找到怎麼設定,也沒在demo裡找到對應事例,

難道ios和android支援的還不一樣麼?