Ce sunt animațiile în UIKit?

Animațiile în UIKit sunt modificări vizuale ale proprietăților elementelor UI (de exemplu, poziție, dimensiune, culoare, transparență) în timp, creând iluzia de mișcare și dinamism.

Principalele modalități de implementare a animațiilor în UIKit:

1. UIView.animate(withDuration:animations:): Cea mai simplă metodă de a anima proprietățile standard ale UIView.

   // Animație de schimbare a centrului și transparenței UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): O metodă mai flexibilă cu parametri de întârziere, curbă de animație și bloc de finalizare.

   // Animație cu întârziere și opțiune de repetare
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Acțiuni după finalizare (dacă nu se repetă infinit)
   }
   

3. Opțiuni principale de animație (UIView.AnimationOptions):

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

4. Animații bazate pe constraints: Animarea modificărilor constrângerilor folosind layoutIfNeeded().

   // Modificarea constrângerii
   myViewHeightConstraint.constant = 200
   
   // Animarea schimbării layout-ului
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Animații de tranziție între vizualizări: Tranziții între diferite vizualizări (transition(from:to:duration:options:completion:)) sau în interiorul unui container.

   // Exemplu cu tranziție
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Acțiuni după tranziție
   }
   

6. Core Animation (CALayer): Un cadru mai jos nivel și mai puternic pentru animația straturilor. Permite animarea proprietăților CALayer (de exemplu, position, bounds, opacity, transformări).

   // Animare simplă a opacității 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. Animații utilizând UIStackView: Animarea automată a modificărilor în aranjarea elementelor.

   // Adăugarea unei vizualizări în UIStackView cu animație
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Utilizarea animațiilor îmbunătățește experiența utilizatorului, face aplicația mai interactivă și mai intuitivă.