Menambahkan Animasi di Android menggunakan Lottie

Halo semua, sudah baca kan tulisan saya sebelumnya tentang bagaimana cara membangun android library ? Kalau belum, bisa dibaca disini : Membangun Android Library Pertama Anda

Nah ditulisan tersebut saya mengatakan bahwa library digunakan untuk mempercepat pengembangan aplikasi. Kali ini kita akan mencoba menggunakan sebuah library dalam proyek android kita. Library ini merupakan library yang dibangun oleh Airbnb untuk menampilkan animasi secara real time. Library ini bernama Lottie

Untuk mengintegrasikan library Lottie tersebut cukup mudah, tinggal menambahkan dependency di build.grade aplikasi kita :

 implementation 'com.airbnb.android:lottie:2.5.0-rc1'

Untuk tutorial ini, kita akan menggunakan animasi yang telah dipublish di
https://lottiefiles.com/

Ini sebenarnya gambar bergerak yang di screenshot.

Contoh :
https://lottiefiles.com/5918

Setelah itu download JSON file nya lalu tempatkan didalam project android kita : res > raw 

Selanjutnya tinggal panggil View untuk Lottie tersebut di layout yang telah kita buat.

 <com.airbnb.lottie.LottieAnimationView
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:lottie_autoPlay="true"
        app:lottie_loop="true"
        app:lottie_rawRes="@raw/data" />

Lalu run aplikasi kita. Maka akan tampil hasilnya sebagai berikut :

owlie

Selamat mencoba.

Cheers
Steven Siahaan

Leave a Reply

Your email address will not be published. Required fields are marked *