Animasyon Kütüphanesi Lottie

Güncelleme tarihi: 1 May 2021

Yazılımcılar olarak uygulamamıza animasyon koymak bizi zorlayan süreçlerden biridir. Genelde bir resim dizisi kullanılarak animasyon yapılmaya çalışılır ve her türlü cihaz boyutuna uyması için de çeşitli sorunlarla boğuşmamız gerekir. Bu tür sorunlarla uğraşan airbnb yazılımcıları bu durumdan sıkılmış olacaklar ki buna bir çözüm getirip Lottie kütüphanesini açık kaynak olarak yazılımcıların hizmetine sundular.


Lottie Nedir?


Lottie Android, iOS, react native, Windows ve web platformlarında After Effects animasyonlarını gerçek zamanlı olarak işleyen ve bu animasyonların mümkün olduğunca en basit şekilde kullanılmasını sağlayan bir kütüphanedir. Lottie kullanabilmemiz için After Effects programında oluşturulan animasyonların Bodymovin eklentisi sayesinde json formatına çevrilmesi gerekiyor.


Dosyaların json formatında olmasının en büyük avantajı da png resimlere göre oldukça az yer kaplaması. Eğer bir kurumsal şirkette çalışıyorsak zaten önümüze ilgili ekipler tarafından hazırlanan json dosyası gelecektir. Bireysel kullanıcıysak https://lottiefiles.com üzerinden binlerce ücretli ve ücretsiz animasyondan birini seçebilirsiniz. Hatta animasyon yapabiliyorsanız yine bu site üzerinden satışa da sunabilirsiniz.



Lottie Files sitesi üzerinden uygulamamız için gerekli animasyonu bulduktan sonra animasyona tıklayıp direk indirebilir ya da Edit Layer Colors'a tıklayarak Lottie Editor ile animasyon üzerindeki renkleri veya yazıları değiştirip ardından da indirebilirsiniz.


Nasıl Kullanılır?


Bu bölümde Android için lottie kütüphanesinin nasıl kullanılacağından bahsedeceğim. Farklı kullanımları görmek amacıyla aşağıda görülen iki tane animasyonu seçtim.




İlk olarak buradan güncel versiyonu bulup gradle'a eklememiz gerekiyor. Uygulamalarımızda lottie kullanabilmemiz için minimum api versiyonunun en az 16 olması gerektiğini de belirteyim.


<