Lottie-Androidで素晴らしいアニメーション試す

Lottie-Androidとは

Airbnbが開発したアニメーションを簡単に表示できるライブラリ

詳しくは公式ページを参照
https://airbnb.design/lottie/

AndroidGithubはここ
https://github.com/airbnb/lottie-android

導入

app/gradleに以下を追加

    implementation 'com.airbnb.android:lottie:2.5.5'

アニメーションファイルは以下サイトに山ほどあるんで、好きなアニメーションのjsonをダウンロードする
LottieFiles - https://www.lottiefiles.com/

jsonをresに配置する

自分はrawディレクトリを作ってそこに置いた

スクリーンショット 2018-08-03 13.16.34.png

実装

自動再生させたければレイアウトxmlに追加するだけで済む

    <com.airbnb.lottie.LottieAnimationView
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:lottie_autoPlay="true"
        app:lottie_loop="true"
        app:lottie_rawRes="@raw/giftbox"
        />

たったこれだけ、素晴らしい

もちろんコードで実装することも可能、今回はやらないけどね

完成物

いろいろアニメーションを載っけてみた

感想

LottieFilesのというサイトから好きなアニメーションを選んで、簡単にアプリに導入できるのは素晴らしい

そしてアニメーションのクオリティが高い!

作ろうと思えばアニメーションは自分で作れるらしい

気になった事

いくつかアニメーションjsonAndroid Studioにコピーするとビルドが失敗した

Android Studiojsonを読み込めなかったのか、jsonが正しく書かれてないのか不明...

また、Android Studioのレイアウトxmlを修正する際にエディタがすっごく重たくなる気がする。

これはAndroid Studio 3.2 Beta 5だからなんだろうか...

使用コード

banbara23/Android-Kotlin-Lab at Lotties https://github.com/banbara23/Android-Kotlin-Lab/tree/Lotties