1)今天在撿以往CALayer 動(dòng)畫(huà)的時(shí)候看到Airbnb 動(dòng)畫(huà)庫(kù)Lottie 順手寫(xiě)個(gè)小demo 測(cè)試下,順便了解下。
場(chǎng)景一:在開(kāi)發(fā) app 過(guò)程中,需要在 app 中實(shí)現(xiàn)設(shè)計(jì)師提供的效果動(dòng)畫(huà),都是通過(guò)代碼來(lái)實(shí)現(xiàn),針對(duì)復(fù)雜的動(dòng)畫(huà),開(kāi)發(fā)同學(xué)更是會(huì)花費(fèi)很長(zhǎng)時(shí)間去實(shí)現(xiàn),如果是處女座的設(shè)計(jì)師,還會(huì)坐在開(kāi)發(fā)同學(xué)旁邊“折磨”開(kāi)發(fā)同學(xué)一起調(diào)細(xì)節(jié),做過(guò)的同學(xué)一定深有體會(huì)。
場(chǎng)景二:還有一些情況,因?yàn)閷?shí)現(xiàn)動(dòng)畫(huà)的開(kāi)發(fā)成本比較高,比如需要1~2天去實(shí)現(xiàn)一個(gè)動(dòng)畫(huà)效果,但是因?yàn)榘姹局芷诒容^緊,會(huì)在無(wú)奈中砍掉或者簡(jiǎn)化動(dòng)畫(huà),那么原本想提升用戶體驗(yàn)的,卻打了折扣。
Lottie是一個(gè)可以解析使用【bodymovin】插件從 Adobe After Effects 中導(dǎo)出的格式為 json 的文件,并在 iOS、Android、macOS、React Native 中進(jìn)行解析使用的開(kāi)源庫(kù)
至于它的優(yōu)缺點(diǎn)搜一下就很多。
集成方式:
target 'LottieAnimationDemo' do
pod 'lottie-ios'
end
具體動(dòng)畫(huà)效果官網(wǎng):www.lottiefiles.com/70-image-icon-tadah?


http://www.cocoachina.com/ios/20170503/19168.html?借鑒鏈接
2.相較于UIview封裝的動(dòng)畫(huà)CoreAnimation 動(dòng)畫(huà)更加容易控制。
1)ios 動(dòng)畫(huà)主要有基礎(chǔ)動(dòng)畫(huà)(CABasicAnimation)、關(guān)鍵幀動(dòng)畫(huà)(CAKeyFrameAnimation)、組合動(dòng)畫(huà)(CAAnimationGroup)以及轉(zhuǎn)場(chǎng)動(dòng)畫(huà)(CATransition)。關(guān)鍵幀動(dòng)畫(huà)和基礎(chǔ)動(dòng)畫(huà)同屬屬性動(dòng)畫(huà)。

2)
