原生的动画效果有时候写起来会非常的复杂,要考虑到很多兼容和效果。Lottie动画专门为了解决这种烦恼而产生的。
(注:不仅是Lottie可以做到,另外一种库也可以做到将动画分成一帧一帧展示,它就是 android-gif-drawable
库,不过他适用的平台只有Android)
Lottie就是一个开源动画库,它的属性是这样的:
-
首先,它的编写平台并不是专门的程序IDE,而是绘图软件
AE(After Effects)
,所以绘制的工作就从程序员手上交给了美工的兄弟。美工在AE上完成动画后,将 输出 通过AE上的插件,转化成Json格式
。这就有点像SVG矢量图,它既可以是个svg格式的图片,又可以变成 代码的形式让程序进行操控其属性(颜色、路径等等)。(附SVG讲解:Android自定义控件开发入门与实战(7)SVG动画) -
因为转化成了Json格式,所以 它变得更加 轻便了 ,并且可以使用的平台也会变多,一套Json代码可以
Android、IOS、RN、Web
平台都可以使用Lottie动画。
Lottie的制作流程如下: