Android Lottie动画

1.Lottie动画

Lottie是Airbnb开源的动画框架，是基于CALayer的动画，所有的路径预先在AE中计算好，转换为Json文件， 然后自动转换为Layer的动画。

Lottie有各种不同的版本， 安卓、iOS、前端都可以使用， 理论上动画做一套就可以共用， 大大的减少了工作量。如果实现复杂的动画，可以直接让设计出相关的动画json文件，大大减轻了代码的工作量。现在有了 Lottie，只需要简单的代码就可以实现复杂动画效果的库。很好的解决了动态改变动画的能力，只需要动态加载相应的json文件就能实现动画的改变。

 

2.Lottie动画的用法

①添加依赖

dependencies {

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

}

②在XML中使用LottieAnimationView控件

    android:id="@+id/lt_gift"

    android:layout_width="200dp"

    android:layout_height="200dp"

    app:lottie_autoPlay="false"

    app:lottie_fileName="lottie/gift.json"

    app:lottie_loop="true"

    app:lottie_repeatMode="restart"/>

属性说明：

lottie_autoPlay：自动播放动画（默认false）

lottie_fileName：app/src/main/assets目录下的json文件名（json文件可以直接放到assets目录下，比如“gift.json”，也可新建子目录，比如"lottie/gift.json"）

lottie_loop：循环播放（默认false）

lottie_repeatMode：循环模式（默认restart）

③使用java代码调用playAnimation播放动画

LottieAnimationView ltGift = findViewById(R.id.lt_gift);

ltGift.setAnimation("lottie/gift.json");// 代码设置动画文件

ltGift.playAnimation(); // 开始播放动画，首次播放会有短暂延迟，因为加载动画文件需要时间

④监听动画播放进度addAnimatorUpdateListener

ltGift.addAnimatorUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

    @Override

    public void onAnimationUpdate(ValueAnimator animation) {

        float progress = animation.getAnimatedFraction();//播放进度

        // TODO:

    }

});

addAnimatorListener可以监听动画开始、结束、取消、重复等事件。

⑤设置动画进度setProgress

LottieAnimationView ltGift = findViewById(R.id.lt_gift);

ltGift.setAnimation("lottie/gift.json");

ltGift.setProgress(0.5f); //不需要调用playAnimation，可直接展示该进度的动画效果

⑥监听json文件加载完成addLottieOnCompositionLoadedListener

ltGift.addLottieOnCompositionLoadedListener(new LottieOnCompositionLoadedListener() {

    @Override

    public void onCompositionLoaded( LottieComposition composition) {

        //此时渲染了动画第一帧

    }

});

所有lottie动画最终都会生成一个LottieComposition对象，该对象包含了动画的所有信息，包括动画时长、宽高、起始帧、图层列表等。

⑦缓存机制LottieCompositionCache

运行时缓存，内部使用LruCache实现，缓存大小为10MB。

自测200KB以内的动画文件，首次加载需要600ms左右，缓存加载只需要100ms。

自动缓存，不需要手动控制。