Kas ir animācijas UIKit?

„UIKit“ animācijas ir vizuālas izmaiņas UI elementu īpašībās (piemēram, pozīcija, izmērs, krāsa, caurspīdīgums) laika gaitā, radot kustības un dinamikas ilūziju.

Galvenie veidi, kā īstenot animācijas „UIKit“:

1. UIView.animate(withDuration:animations:): Vienkāršākais veids, kā animēt standarta UIView īpašības.

   // `UIView` centra un caurspīdīguma maiņas animācija
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Elastīgāka metode ar aizkaves, animācijas līknes un pabeigšanas bloka parametriem.

   // Animācija ar aizkavi un atkārtošanas iespējām
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Darbības pēc pabeigšanas (ja tas netiek atkārtots bezgalīgi)
   }
   

3. Galvenās animācijas opcijas (UIView.AnimationOptions):

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

4. Būvniecības balstītas animācijas: Izmaiņu animācija, izmantojot layoutIfNeeded().

   // Izmaiņu ierobežojuma maiņa
   myViewHeightConstraint.constant = 200
   
   // Izkārtojuma maiņas animācija
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Pārejas starp skatieniem: Pārejas starp dažādiem skatieniem (transition(from:to:duration:options:completion:) vai konteinerā).

   // Piemērs ar pāreju
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Darbības pēc pārejas
   }
   

6. Core Animation (CALayer): Zemāka līmeņa un jaudīgāks rāmis slāņu animācijai. Atļauj animēt CALayer īpašības (piemēram, position, bounds, opacity, transformācijas).

   // Vienkārša opacity maiņas animācija ar 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. Animācijas ar UIStackView: Automātiska elementu izvietojuma maiņas animācija.

   // Jauna skatījuma pievienošana UIStackView ar animāciju
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Animāciju izmantošana uzlabo lietotāja pieredzi, padara lietotni interaktīvāku un intuitīvāku.