Czym są animacje w UIKit?

Animacje w UIKit to wizualne zmiany właściwości elementów interfejsu użytkownika (np. pozycja, rozmiar, kolor, przezroczystość) w czasie, tworzące iluzję ruchu i dynamiki.

Główne sposoby realizacji animacji w UIKit:

1. UIView.animate(withDuration:animations:): Najprostszy sposób na animację standardowych właściwości UIView.

   // Animacja zmiany centrum i przezroczystości UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Bardziej elastyczna metoda z parametrami opóźnienia, krzywą animacji i blokiem końcowym.

   // Animacja z opóźnieniem i opcją powtarzania
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Działania po zakończeniu (jeśli nie powtarza się w nieskończoność)
   }
   

3. Główne opcje animacji (UIView.AnimationOptions):

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

4. Animacje oparte na constraints: Animowanie zmian constraints za pomocą layoutIfNeeded().

   // Zmiana constraint
   myViewHeightConstraint.constant = 200
   
   // Animacja zmiany układu
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Animacje przejścia widoków: Przejścia między różnymi widokami (transition(from:to:duration:options:completion:)) lub w kontenerze.

   // Przykład z transition
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Działania po przejściu
   }
   

6. Core Animation (CALayer): Bardziej niskopoziomowy i potężny framework do animacji warstw. Pozwala animować właściwości CALayer (np. position, bounds, opacity, transformacje).

   // Prosta animacja zmiany opacity CALayer
   let animation = CABasicAnimation(keyPath: "opacity")
   animation.fromValue = 1.0
   animation.toValue = 0.0
   animation.duration = 1.0
   myView.layer.add(animation, forKey: "fadeAnimation")
   

7. Animacje z użyciem UIStackView: Automatyczna animacja zmian w układzie elementów.

   // Dodanie widoku do UIStackView z animacją
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Użycie animacji poprawia doświadczenie użytkownika, czyni aplikację bardziej interaktywną i intuicyjną.