Android 使用LottieAnimationView 做启动动画

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.activity.SplashActivity">

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/animationView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:lottie_rawRes="@raw/flower"
        app:lottie_autoPlay="true"
        app:lottie_loop="true"/>

</RelativeLayout>

今天在项目中看到LottieAnimationView 做的APP启动动画,找了一下资料,学习了

Lottie开源库地址:一个集Android、Ios、React Native与Web平台

首先这个Json 文件是怎么做出来 的呢?

他是通过AE自动生成的,具体可以参考下面文章,关于AE讲的比较详细 AE制作json文件格式动画以及lottie开源库的使用_Android_jiang的博客-CSDN博客_json动画制作

JSON动画库可下载:Featured animations from our community

  1. 引入库
    compile 'com.airbnb.android:lottie:4.2.1'

2 .创建assets文件夹,将json文件放入其中。

3 . 在XML中引用控制

控件常用属性

      app:lottie_fileName="likeanim.json"  加载json的文件名
      app:lottie_loop="true"  是否循环播放
      app:lottie_autoPlay="true"  是否自动播放

JAVA代码控制:

LottieAnimationView lottieLike= (LottieAnimationView) findViewById(R.id.animation_view);
lottieLike.setAnimation("data.json");
lottieLike.loop(true);       
lottieLike.playAnimation();   //播放
        lottieLike.pauseAnimation();  //暂停
        lottieLike.cancelAnimation();  //取消
        lottieLike.getDuration();   //获取动画时长
        lottieLike.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) {

            }
        });

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值