美文网首页
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