Doğru zaman ve doğru yerde kullanılan animasyonların eşsiz deneyimler sunduğu örnekleri inceleyecek, “Closure” dersindeki bilgilerden faydalanarak çeşitli animasyonlar oluşturmayı öğreneceksiniz.

UIViewPropertyAnimator Nedir?

UIKit üzerinde animasyonları yaratmak için iOS 10 ile birlikte tanıtılan UIViewPropertyAnimator sınıfını kullanıyoruz. Bu sınıfla animasyonlar yaratmak için ilk olarak bir animator objesi tanımlayıp, sonraysa bu objenin üzerinde startAnimation() metodunu çağırarak animasyonu başlatmanız yeterli.

Önemli: Her ne kadar bir animator objesi yaratmış olsanız da, startAnimation() metodu çağrılana kadar herhangi bir animasyon olmayacaktır.

UIViewPropertyAnimator sınıfının temelde yaptığı şey, ona verilen başlangıç ve bitiş durumlarının arasındaki animasyonu oluşturmaktadır. Başlangıç durumu, elemanların startAnimation() metodunun çağrıldığı andaki konumları (veya başka özellikleri — örneğin renk) olarak kabul edilir. Animator objesi yaratılırken ise bir bitiş durumu tanımlanır. UIViewPropertyAnimator de bu iki durum arasındaki animasyonu oluşturur. Dolayısıyla bizim işimiz aslında sadece, başlangıç ve bitiş durumlarını belirlemek olacak.

Tabii ki UIViewPropertyAnimator sınıfının birçok farklı özelliği var, ancak biz bunların arasından en temel dört tanesine odaklanacağız. UIViewPropertyAnimator hakkında daha detaylı bilgi almak isterseniz her zamanki gibi Apple’ın dokümantasyonunu inceleyebilirsiniz.

İlk olarak animator objemizi yaratırken vereceğimiz parametreleri inceleyelim:

• duration: Animasyonun saniye biriminden süresini ifade eder. Bu sayı arttıkça animasyon yavaşlar, azaldıkça hızlanır.
• dampingRatio: Animasyonun ne kadar pürüzsüz olduğunu ve ne kadar salındığını ifade eder ve 0 ila 1 arasında değerler alır. Bu sayı 0'a yaklaştıkça animasyon daha çok salınır/seker, 1'e yaklaştıkça ise daha pürüzsüz hale gelir ve salınmaz. Aynı animasyonun farklı dampingRatio değerleri ile bir karşılaştırmasını aşağıda görebilirsiniz.

• isReversed: Animasyonun ters yöne akıp akmadığını ifade eder. true değerini aldığında animasyon bitiş durumundan başlangıç durumuna akar.
• pausesOnCompletion: Animasyonun tamamlandığında hala aktif olup olmayacağını ifade eder. true değerini aldığında animasyon bittiğinde inaktif hale gelir.