Qu'est-ce que les animations dans UIKit?

Les animations dans UIKit sont des modifications visuelles des propriétés des éléments de l'interface utilisateur (par exemple, position, taille, couleur, transparence) au fil du temps, créant une illusion de mouvement et de dynamisme.

Les principales méthodes pour réaliser des animations dans UIKit :

1. UIView.animate(withDuration:animations:) : La méthode la plus simple pour animer les propriétés standard de UIView.

   // Animation du changement de centre et de transparence de UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:) : Méthode plus flexible avec paramètres de délai, courbe d'animation et bloc de fin.

   // Animation avec délai et option de répétition
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Actions après la fin (si non répétée indéfiniment)
   }
   

3. Options principales d'animation (UIView.AnimationOptions) :

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

4. Animations basées sur constraints : Animation des changements de contraintes avec layoutIfNeeded().

   // Modifier la contrainte
   myViewHeightConstraint.constant = 200
   
   // Animer la mise en page
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Animations de transition de vue : Transitions entre différentes vues (transition(from:to:duration:options:completion:)) ou dans un conteneur.

   // Exemple avec transition
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Actions après la transition
   }
   

6. Core Animation (CALayer) : Framework plus bas niveau et puissant pour animer des couches. Permet d'animer des propriétés de CALayer (par exemple, position, bounds, opacity, transformations).

   // Animation simple de changement d'opacité de 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. Animations avec UIStackView : Animation automatique des changements de disposition des éléments.

   // Ajouter une vue à UIStackView avec animation
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

L'utilisation des animations améliore l'expérience utilisateur, rend l'application plus interactive et intuitive.