Lottie for Androidの導入

build.gradle

dependencies {
    implementation "com.airbnb.android:lottie:${latest.version}"
}

アニメーションファイル

res.rawフォルダにアニメーションファイルを追加する。
今回はlottie_animationと命名。

LottieAnimationView

lottie_animation_view.xml

 <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/animation_view"
        android:layout_width="26dp"
        android:layout_height="26dp"
        app:lottie_rawRes="@raw/lottie_animation" />

※　表示後すぐにアニメーションさせたい場合

app:lottie_autoPlay="true"

※アニメーションをループさせたい場合

app:lottie_loop="true"

基本的にあまりこのような使い方をする場合は少ないのかもしれません。

自分が実際に使用したいタイミングはタップした後でした。
なので、任意のタイミングでアニメーションさせたい場合があると思います。

AnimationView.kt

binding.animationView.playAnimation()

playAnimation()を呼ぶとアニメーションが実行されます。なのでクリック時など任意のタイミングでこちらを呼ぶと良いでしょう！

AnimatorListenerにも対応してます。

AnimationView.kt

 binding.animationView.addAnimatorListener(object : Animator.AnimatorListener {
     override fun onAnimationStart(animator: Animator) {
        //アニメーションの開始を通知します。
     }

     override fun onAnimationEnd(animator: Animator) {
        //アニメーションの終了を通知します。
     }

     override fun onAnimationCancel(animator: Animator) {
        //アニメーションのキャンセルを通知します。
    }
     
    override fun onAnimationRepeat(animator: Animator) {
        //アニメーションの繰り返しを通知します。
    }
})

アニメーションの開始やアニメーションの終了タイミングがわかるのはいいですね！

以上です！

Lottie-Androidを使用する方法

Lottie for Androidの導入

アニメーションファイル

LottieAnimationView