android初心者がLottieを使って簡単にアニメーションを追加できた話

はじめに

この記事はFUN part2 Advent Calendar 2019の22日目の記事です。
前日の記事はSCPで始めるAllenNLP ～SCPオブジェクトクラス分類～でした！
また、同日にTomokaさんが記事をあげてくださっていると思うのでそちらも是非

本題に入る前に

今回の記事は12月に開かれたハッカソンでLottieの存在を知った僕がLottieを知らない人向けにこんなライブラリがあったよといった紹介をする記事であり、詳細な使い方やAndroid studio以外での使い方などについては他のページをご参照ください。

Lottieとは

Easily add high-quality animation to any native app.

Lottie is an iOS, Android, and React Native >library that renders After Effects >animations in real time, allowing apps to >use animations as easily as they use static >images.
出典:Lottie - Airbnb Design

つまるところどんなプラットフォームのアプリでも簡単に高品質なアニメーションが使えるよ〜っていうライブラリですね（意訳）

このライブラリはAfter Effectsで作成されたアニメーションをjsonファイルに変換することで手軽に自分のアプリにアニメーションを追加することができるという優れものです。
これを追加するだけでアプリの見栄えが一気に良くなり、完成度が上がった感じがするからすごい。感動。頭が上がらない。

ちなみに、Lottieの詳細な概念などを理解するのにはこちらのスライド、動画がわかりやすいと思いますのでこちらも是非！
https://droidkaigi.jp/2019/timetable/70876/

Christmas is still loading...⛄️

This snowman is the perfect loader for this time of year. Lottie animation by Ucilucil 👉https://t.co/wbTbLwjwUw#lottiefiles #lottieanimation #buildwithlottie #aftereffects #animation #animations #motiondesign pic.twitter.com/Gid81Z2uYy

— LottieFiles (@LottieFiles) December 14, 2019

implementation 'com.airbnb.android:lottie:$lottieVersion'　

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