Lottie
從事德陽服務(wù)器托管,服務(wù)器租用,云主機(jī),網(wǎng)站空間,申請域名,CDN,網(wǎng)絡(luò)代維等服務(wù)。
Lottie 是 Airbnb 開源的一個動畫項目,它支持 iOS, mac OS Android RN,由于某些復(fù)雜動畫的實現(xiàn),往往會寫很多的 code 來實現(xiàn)它,而且調(diào)試動畫的效果會比較花費時間。用它來解決某些動畫會帶來很大的便利。
設(shè)計師在After Effects 設(shè)計好相關(guān)的動畫,然后安裝上BodyMovin 這個插件,這個插件,可以幫導(dǎo)出動畫效果的 JSON 文件,然后我們可以通過 Lottie 來加載相關(guān)的 JSON 文件來實現(xiàn)動畫效果。
優(yōu)勢
不足之處
github代碼傳送門 https://github.com/18380438200/LottieAnim
先上效果圖,這個是做的一個仿抖音的點贊動畫:
眾所周知,屬性動畫、補間動畫通常只能做一些效果簡單的,而做復(fù)雜的動畫可采用gif圖,幀動畫,但是這樣資源空間增大導(dǎo)致apk增大不小。而加載json文件實現(xiàn)動畫就完美解決以上問題。
設(shè)計師AE導(dǎo)出Json文件,Lotti 解析Json文件后調(diào)Core Animation的API繪制渲染。所以讓你們公司的UI去學(xué)一學(xué)AE吧,多們技能好防身。
Lottie開源庫地址:一個集Android、Ios、React Native與Web平臺于一身的女子。
https://github.com/airbnb/lottie-android
使用方式:
引入庫
compile 'com.airbnb.android:lottie:1.0.1'
創(chuàng)建assets文件夾,將json文件放入其中。
引用LottieAnimationView控件
<com.airbnb.lottie.LottieAnimationView
android:id="@+id/lottie_likeanim"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:lottie_fileName="likeanim.json"
app:lottie_loop="true"
android:layout_centerInParent="true"/>
常用屬性:
常用操作:
lottieLike.playAnimation(); //播放
lottieLike.pauseAnimation(); //暫停
lottieLike.cancelAnimation(); //取消
lottieLike.getDuration(); //獲取動畫時長
lottieLike.addAnimatorListener(new Animator.AnimatorListener() { //添加動畫監(jiān)聽
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
新聞名稱:Android使用lottie加載json動畫的示例代碼
分享URL:http://aaarwkj.com/article22/igsecc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、網(wǎng)站排名、全網(wǎng)營銷推廣、網(wǎng)站維護(hù)、定制開發(fā)、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)