Was sind Animationen in UIKit?

Animationen in UIKit sind visuelle Änderungen an den Eigenschaften von UI-Elementen (z. B. Position, Größe, Farbe, Transparenz) im Laufe der Zeit, die die Illusion von Bewegung und Dynamik erzeugen.

Die wichtigsten Methoden zur Implementierung von Animationen in UIKit:

1. UIView.animate(withDuration:animations:): Die einfachste Methode, um Standard-Eigenschaften von UIView zu animieren.

   // Animation von Positions- und Transparenzänderungen bei UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Eine flexiblere Methode mit Verzögerungsparametern, Animationskurven und Abschlussblock.

   // Animation mit Verzögerung und Wiederholungsoptionen
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Aktionen nach Abschluss (wenn nicht unendlich wiederholt)
   }
   

3. Hauptoptionen für Animationen (UIView.AnimationOptions):

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

4. Constraint-basierte Animationen: Änderungen an Constraints mit layoutIfNeeded() animieren.

   // Constraint ändern
   myViewHeightConstraint.constant = 200
   
   // Layout-Änderung animieren
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. View-Übergangsanimationen: Übergänge zwischen verschiedenen Views (transition(from:to:duration:options:completion:)) oder innerhalb eines Containers.

   // Beispiel mit Transition
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Aktionen nach Übergang
   }
   

6. Core Animation (CALayer): Ein leistungsfähigeres Framework für Layer-Animationen. Ermöglicht das Animieren von Eigenschaften von CALayer (z. B. position, bounds, opacity, Transformationen).

   // Einfache Opazitätsanimation für 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. Animationen mit UIStackView: Automatische Animationen bei Änderungen der Anordnung der Elemente.

   // Hinzufügen einer Ansicht zu UIStackView mit Animation
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Die Verwendung von Animationen verbessert die Benutzererfahrung, macht die Anwendung interaktiver und intuitiver.