开源项目- Lottie 源码分析

最新推荐文章于 2024-08-13 08:39:13 发布

寒江蓑笠

最新推荐文章于 2024-08-13 08:39:13 发布

阅读量4.8k

点赞数

分类专栏： Android开源项目

本文链接：https://blog.csdn.net/heqiangflytosky/article/details/60770415

版权

本文深入剖析Lottie动画的实现原理，从LottieAnimationView出发，详细讲解JSON文件解析、数据转换到对象映射的过程，包括LottieComposition、Layer等关键概念，以及绘制流程，揭示Lottie高效动画的秘密。

摘要由CSDN通过智能技术生成

我的博客原文地址
Lottie的基本用法其实还是非常简单的，不熟悉的同学请阅读我的博客开源项目-Lottie简介。接下来我们就从源码角度分析一下这么强大的功能是怎么实现的。

实现思路

Lottie使用json文件来作为动画数据源，然后把解析这些数据源出来，建立数据到对象的映射关系，根据里面的数据建立合适的Drawable绘制到View上面。

源码分析

下面我们就从LottieAnimationView作为切入点来一步一步分析。

LottieAnimationView

LottieAnimationView继承自AppCompatImageView，封装了一些动画的操作：

public void playAnimation()
public void cancelAnimation()
public void pauseAnimation()
public void setProgress(@FloatRange(from = 0f, to = 1f)
public float getProgress()
public long getDuration()
public boolean isAnimating()

等等；
LottieAnimationView有两个很重要的成员变量：

@Nullable private LottieComposition.Cancellable compositionLoader;
private final LottieDrawable lottieDrawable = new LottieDrawable();

LottieComposition和LottieDrawable将会在下面专门进行分析，他们分别进行了两个重要的工作：json文件的解析和动画的绘制。
compositionLoader进行了动画解析工作，得到LottieComposition。
我们看到的动画便是在LottieDrawable上面绘制出来的，lottieDrawable在setComposition方法中被添加到LottieAnimationView上面最终显示出来。

setImageDrawable(lottieDrawable);

解析JSON文件

JSON文件

其实在 Bodymovin 插件这里也是比较神奇的，它是怎么生成json文件的呢？这个后面有时间再研究。解析出来的json文件是这样子的：

{
  "assets": [

  ],
  "layers": [
    {
      "ddd": 0,
      "ind": 0,
      "ty": 1,
      "nm": "MASTER",
      "ks": {
        "o": {
          "k": 0
        },
        "r": {
          "<