¿Qué son las animaciones en UIKit?

Las animaciones en UIKit son cambios visuales en las propiedades de los elementos de la interfaz de usuario (por ejemplo, posición, tamaño, color, transparencia) a lo largo del tiempo, creando la ilusión de movimiento y dinamismo.

Las principales formas de implementar animaciones en UIKit:

1. UIView.animate(withDuration:animations:): La forma más sencilla de animar propiedades estándar de UIView.

   // Animación de cambio de centro y transparencia de UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Método más flexible con parámetros de retraso, curva de animación y bloque de finalización.

   // Animación con retraso y opción de repetición
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Acciones después de la finalización (si no se repite indefinidamente)
   }
   

3. Opciones principales de animación (UIView.AnimationOptions):

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

4. Animaciones basadas en constraints: Animar cambios en constraints usando layoutIfNeeded().

   // Cambiar constraint
   myViewHeightConstraint.constant = 200
   
   // Animar el cambio de layout
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Animaciones de transición de vistas: Transiciones entre diferentes vistas (transition(from:to:duration:options:completion:) o dentro de un contenedor).

   // Ejemplo con transición
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Acciones después de la transición
   }
   

6. Core Animation (CALayer): Framework más bajo y potente para animar capas. Permite animar propiedades de CALayer (por ejemplo, position, bounds, opacity, transformaciones).

   // Animación simple de cambio de opacidad 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. Animaciones usando UIStackView: Animación automática de cambios en la disposición de los elementos.

   // Añadir vista a UIStackView con animación
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

El uso de animaciones mejora la experiencia del usuario, hace que la aplicación sea más interactiva e intuitiva.