O que são animações no UIKit?

As animações no UIKit são alterações visuais nas propriedades dos elementos da interface do utilizador (por exemplo, posição, tamanho, cor, transparência) ao longo do tempo, criando a ilusão de movimento e dinamismo.

As principais formas de implementar animações no UIKit:

1. UIView.animate(withDuration:animations:): A forma mais simples de animar propriedades padrão de UIView.

   // Animação de mudança de centro e transparência de UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Método mais flexível com parâmetros de atraso, curva de animação e bloco de conclusão.

   // Animação com atraso e opção de repetição
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Ações após a conclusão (se não repetir infinitamente)
   }
   

3. Opções principais de animação (UIView.AnimationOptions):

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

4. Animações baseadas em constraints: Animar alterações em constraints usando layoutIfNeeded().

   // Alterar constraint
   myViewHeightConstraint.constant = 200
   
   // Animar a alteração do layout
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Animações de transição de vistas: Transições entre diferentes vistas (transition(from:to:duration:options:completion:)) ou dentro de um container.

   // Exemplo com transição
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Ações após a transição
   }
   

6. Core Animation (CALayer): Framework mais baixo e poderoso para animação de camadas. Permite animar propriedades de CALayer (por exemplo, position, bounds, opacity, transformações).

   // Animação simples de alteração de opacidade 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. Animações usando UIStackView: Animação automática de alterações na disposição dos elementos.

   // Adicionar vista ao UIStackView com animação
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

O uso de animações melhora a experiência do utilizador, torna a aplicação mais interativa e intuitiva.