Co jsou animace v UIKit?

Animace v UIKit jsou vizuální změny vlastností UI prvků (například pozice, velikost, barva, průhlednost) v čase, které vytvářejí iluzi pohybu a dynamiky.

Hlavní způsoby implementace animací v UIKit:

1. UIView.animate(withDuration:animations:): Nejjednodušší způsob animace standardních vlastností UIView.

   // Animace změny středu a průhlednosti UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Flexibilnější metoda s parametry zpoždění, křivky animace a blokem dokončení.

   // Animace se zpožděním a možností opakování
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Akce po dokončení (pokud se neopakuje nekonečně)
   }
   

3. Hlavní možnosti animace (UIView.AnimationOptions):

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

4. Animace založené na omezeních: Animace změn constraintů pomocí layoutIfNeeded().

   // Změna constraintu
   myViewHeightConstraint.constant = 200
   
   // Animace změny rozvržení
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Animace přechodů mezi pohledy: Přechody mezi různými zobrazeními (transition(from:to:duration:options:completion:) nebo uvnitř kontejneru).

   // Příklad s transition
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Akce po přechodu
   }
   

6. Core Animation (CALayer): Nižší úroveň a výkonnější rámec pro animaci vrstev. Umožňuje animovat vlastnosti CALayer (například position, bounds, opacity, transformace).

   // Jednoduchá animace změny 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. Animace s využitím UIStackView: Automatická animace změn rozložení prvků.

   // Přidání pohledu do UIStackView s animací
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Použití animací zlepšuje uživatelský zážitek, činí aplikaci interaktivnější a intuitivnější.