Uygulamanıza hareket katın : Lottie kullanarak animasyon eklemek-Kotlin

Lottie

Merhabalar,

Bu yazımda AirBnb takımı tarafından geliştirilen, Android uygulamalarınız için ; kullanımı basit ve sadece birkaç satır kod ile uygulamanıza animasyon eklemenizi sağlayacak Lottie’ye göz atacağız.


Lottiefiles.com projelerinizde kullanabileceğiniz binlerce ücretsiz animasyona sahiptir. Ayrıca site içerisinde gömülü Bodymovin Editor sayesinde animasyonların renklerini düzenleyebilirsiniz. Tabii ki kullandığınız animasyonların yaratıcılarına bir kahve ısmarlamayı unutmayın :)

Lottie animasyonlarını xml dosyanıza direkt olarak ekleyebilir veya kod olarak ekleyebilirsiniz.

Bu yazıda ikisini de birlikte yapacağız.


Adım 1

Öncelikle boş bir proje açın ve build.gradle içerisine gerekli implementation’ı ekleyin.

Ben bu yazıyı yazarken Lottie’nin son sürümü 2.8.0 idi.Dilerseniz Lottie Dokümantasyon’una göz atarak son sürüm hakkında bilgi alabilirsiniz.

Adım 2

Animasyonları projeye eklemek için bir assets klasörüne ihtiyacımız var. Bunun için app’e sağ tıklayın ve Show in Explorer seçeneğini seçin.

Adım 3

Açılan klasörde app>src>main klasörüne girin ve assets adında bir klasör oluşturun.

Adım 4

Lottiefiles.com adresinden dilediğiniz animasyonları indirin ve assets klasörüne atın.

Adım 5

xml’inize bir LottieAnimationView ekleyin ve app:lottie_fileName kısmına kullanmak istediğiniz animasyonun adını yazın.

app:lottie_autoPlay=”false”
Örneğin onClick ile bir animasyon başlatmak isterseniz bu şekilde kullanabilirsiniz.

Adım 6

LottieAnimationView’ın id’sini çağırın ve playAnimation() ile animasyonu başlatın

ve işte Sonuç!

Okuduğunuz için teşekkürler.Projenin bitmiş halini buraya tıklayarak inceleyebilirsiniz.


Beğendiyseniz alkışlamayı unutmayın :)