美文网首页
Lottie动画

Lottie动画

作者: 重新起步 | 来源:发表于2021-08-10 22:06 被阅读0次

在做动画的时候,很多小伙伴第一个想到的是做一个帧动画或者补间动画,高级点的还有属性动画;
今天我们来介绍一个更高级的使用:lottie动画

1.lottie动画让开发不用太关心动画的内容
2.减少开发的代码;

1.json文件:button.json,和公司的ui要就行 ,由于我这个json是公司ui给的,属于保密的,不方便分享;
放到对应的raw或者assert文件夹下,;

2.xml布局文件:

   <com.airbnb.lottie.LottieAnimationView
                        android:id="@+id/lottie_save"
                        android:layout_width="@dimen/dimen_450"
                        android:layout_height="@dimen/dimen_150"
                        android:layout_centerInParent="true"
                        android:visibility="invisible"
                        app:lottie_loop="false"
                        app:lottie_autoPlay="false"
                        app:lottie_rawRes="@raw/button"/>

loop表示是否循环播放
autoPlay表示是否自动播放
rawRes表示读取raw下的button.json;

3.实例化:

LottieAnimationView lottieDelete = findViewById(R.id.lottie_delete);

4.播放动画:

lottieAnimationView.playAnimation();

5.如果需要监听动画的播放,结束则
lottieAnimationView.addAnimatorListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
// 动画爱上

        }

        @Override
        public void onAnimationEnd(Animator animation) {
             // 动画结束
        }

        @Override
        public void onAnimationCancel(Animator animation) {
          
        }

        @Override
        public void onAnimationRepeat(Animator animation) {
          
        }
    });

是不是很好用;

相关文章

网友评论

      本文标题:Lottie动画

      本文链接:https://www.haomeiwen.com/subject/ignfbltx.html