持续创作,加快成长!这是我参与「日新方案 10 月更文挑战」的第27天,点击检查活动概况,期望咱们多多支持,帮助点个赞,谢谢!

前语

今天作业时忽然在项目xml布局看到了一个彻底不认识的控件,一开始以为是自定义View之类的:

<com.airbnb.lottie.LottieAnimationView
    android:id="@+id/lt_gift"
    android:layout_width="200dp"
    android:layout_height="200dp"
    app:lottie_autoPlay="true"
    app:lottie_fileName="lottie/gift.json"
    app:lottie_loop="true"
    app:lottie_repeatMode="restart"/>

但一看包所在名称,再一结合这个控件的显示效果与该布局中的命名,我以为是用来专门加载GIF动图的,但经过我在网上检索,查阅一些博客,访问Lottie的GitHub项目地址后,我才有了大致的形象,本来这个便是为咱们开发者省心,让UI规划师繁忙的动画加载利器。

正篇

开场说过,自己对此库的认知也有限,本篇仅供参考用法,如有疏忽,望各位大佬能指正!

介绍

其实最好的介绍便是官方毛遂自荐,如下:

让UI忙碌的安卓Lottie动画渲染库(一)
大致意思便是,首先它能多个系统开发上使用,如:安卓Android,苹果IOS,以及Windows、React Native、Web上都能够使用。
而官方的毛遂自荐也很幽默:
Lottie是一个适用于Android和iOS的移动库,能够解析使用Bodymovin导出为json的AE(Adobe After Effects)动画,并在移动设备上以本机方式出现它们!第一次,能够让规划师去创立和发布这些精巧的动画,而不需要工程师煞费苦心地手动重新创立。他们说一张图片胜过1000个单词,所以这里有13000个单词。

总结而言,便是咱们能够不用花费很多时刻用代码调试动画,而是让UI规划去制作好制品,咱们直接用就行。

怎么放入项目中

首先,因为是新的库,咱们需将包导入到咱们build.gradle(app)中:

implementation 'com.airbnb.android:lottie:5.2.0'

让UI忙碌的安卓Lottie动画渲染库(一)

接着便是文章开篇的代码,咱们需要在XML布局的合适位置放入:

<com.airbnb.lottie.LottieAnimationView          使用Lottie
    android:id="@+id/lt_gift"                          id名
    android:layout_width="200dp"                   控件宽度
    android:layout_height="200dp"                  控件高度
    app:lottie_autoPlay="true"                        自动播映动画default: falseapp:lottie_fileName="lottie/gift.json"         目录下的json文件名json文件能够直接放到assets目录下比如gift.json”,也可新建子目录比如"lottie/gift.json")
    app:lottie_loop="true"                              循环播映default:falseapp:lottie_repeatMode="restart"                循环模式default:restart)
   />            

总结

本节咱们看了怎么将Lottie放入咱们的安卓项目中并在XML中写入,下节咱们会持续看它在逻辑代码中的使用方法,感谢您的观看!