UIKit'te animasyonlar nedir?

UIKit'teki animasyonlar, UI öğelerinin özelliklerindeki görsel değişikliklerdir (örneğin, konum, boyut, renk, şeffaflık) zamanla, hareket ve dinamizm illüzyonu yaratır.

UIKit'te animasyonların uygulanmasında temel yöntemler:

1. UIView.animate(withDuration:animations:): UIView'in standart özelliklerini animasyon yapmak için en basit yoldur.

   // UIView'nin merkez ve şeffaflık değişikliklerinin animasyonu
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Gecikme, animasyon eğrisi ve tamamlanma bloğu ile daha esnek bir yöntem.

   // Gecikmeli ve tekrar seçeneği ile animasyon
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Tamamlandıktan sonra işlemler (eğer sonsuz tekrar değilse)
   }
   

3. Ana animasyon seçenekleri (UIView.AnimationOptions):

   • .curveEaseInOut
   • .curveEaseIn
   • .curveEaseOut
   • .curveLinear
   • .repeat
   • .autoreverse
   • .allowUserInteraction

4. Constraint tabanlı animasyonlar: layoutIfNeeded() kullanarak constraint değişikliklerini animasyon yapmak.

   // Constraint değişikliği
   myViewHeightConstraint.constant = 200
   
   // Düzeni değiştirmeyi animasyon yap
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. View geçiş animasyonları: Farklı görünümler arasında geçişler (transition(from:to:duration:options:completion:)) veya kapsayıcı içinde.

   // Transition örneği
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Geçiş sonrası işlemler
   }
   

6. Core Animation (CALayer): Katmanlar için daha düşük seviyeli ve güçlü bir çerçeve. CALayer özelliklerini (örneğin, position, bounds, opacity, dönüşümler) animasyon yapmaya olanak tanır.

   // Opacity değişikliği için basit animasyon
   let animation = CABasicAnimation(keyPath: "opacity")
   animation.fromValue = 1.0
   animation.toValue = 0.0
   animation.duration = 1.0
   myView.layer.add(animation, forKey: "fadeAnimation")
   

7. UIStackView kullanarak animasyonlar: Öğelerin düzenlenmesinde otomatik animasyonlar.

   // UIStackView'e yeni görünüm ekleme ve animasyon
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Animasyonların kullanımı, kullanıcı deneyimini artırır, uygulamayı daha etkileşimli ve sezgisel hale getirir.