iOS 動(dòng)畫(huà)

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)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容