android-lottie动画入门

220 阅读1分钟

android-lottie动画入门

  1. 添加依赖
api 'com.airbnb.android:lottie:4.2.0'
  1. 导入lottie文件
一般我们把lottie文件添加到assets文件夹下,当然如果有多个则需要建立子文件夹;
例如assets-> lottie -> firework.json
  1. 布局文件添加 LottieAnimationView
<com.airbnb.lottie.LottieAnimationView
    android:id="@+id/lottieAnimationView"
    app:layout_constraintTop_toTopOf="parent"
    android:layout_width="match_parent"
    android:layout_marginTop="-100dp"
    android:layout_height="500dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:lottie_fileName="lottie/confetti2.json"
    app:lottie_loop="true"
    app:lottie_autoPlay="true" />

4.动画播放

mBinding.lottieAnimationView.apply {
    //设置播放速度
    speed = 0.35f
    //是否循环播放
    loop(false)
    //开始播放动画
    playAnimation()
    //动画监听
    addAnimatorListener(object : AnimatorListenerAdapter() {
        override fun onAnimationEnd(animation: Animator?) {
            visibility = View.GONE
        }
    })
}

5.lottie资源网址 [LottieFiles](LottieFiles: Download Free lightweight animations for website & apps.)