Lottie kütüphanesinin Android projelerinde kullanılması

Mobil uygulama geliştirirken kullandığımız renklere, arayüz düzenine ve kullanışlı olmasına dikkat ederiz. Arayüzde karmaşıklık yaratmadan animasyon kullanımları uygulamayı eğlenceli bir hale getirebilir. Bu yazımda sizlere severek kullandığım Lottie kütüphanesinden bahsedicem.

1. İlk olarak projemize kütüphaneyi indirmemiz gerekiyor. Bunun içinbuild.gradle dosyasına kütüphaneyi implement edelim:

dependencies {
  implementation 'com.airbnb.android:lottie:$lottieVersion'
}

Versiyon kontrolünü buradan sağlayabilirsiniz.

2. Sonra https://lottiefiles.com/ sitesine giderek istediğimiz animasyonu json formatında indirelim.

https://lottiefiles.com/18168-stay-safe-stay-home

3. İndirdiğimiz dosyayı projemize app/src altına assets klasörü ekleyerek içine ekleyelim.

4. Animasyonu xml dosyasına ekleyip activity sınfında tanımlıyoruz.

<com.airbnb.lottie.LottieAnimationView
android:id="@+id/lottieAnimation"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:lottie_autoPlay="true"
app:lottie_loop="true"
app:lottie_speed="2" />

Yukardaki özelliklerde değişiklik yapabiliriz. Örneğin animasyonu tıklandığında oynatmak istersek autoplay’i false yapıp; click methodunda tanımlayabiliriz.

MainActivity.java sınıfına da aşağıdaki kodları ekleyelim.

LottieAnimationView animView = findViewById(R.id.lottieAnimation);
animView.setAnimation("stay-home.json");
animView.playAnimation();

setAnimation ile tanımlamış olduğumuz json dosyasını xml’de de tanımlayabiliriz :

app:lottie_fileName="stay-home.json"