Kas yra animacijos UIKit?

„UIKit“ animacijos yra vizualiniai UI elementų savybių (pavyzdžiui, pozicija, dydis, spalva, permatomumas) pokyčiai laikui bėgant, sukuriantys judėjimo ir dinamikos iliuziją.

Pagrindiniai būdai įgyvendinti animacijas „UIKit“:

1. UIView.animate(withDuration:animations:): Paprasčiausias būdas animuoti standartines UIView savybes.

   // `UIView` centro ir permatomumo keitimo animacija
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): Lankstesnis metodas su vėlavimo, animacijos kreivės ir užbaigimo bloko parametrais.

   // Animacija su vėlavimu ir pakartojimo galimybėmis
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Veiksmai po užbaigimo (jei ne kartojasi begaliniame cikle)
   }
   

3. Pagrindinės animacijos parinktys (UIView.AnimationOptions):

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

4. Apribojimų pagrindu veikiančios animacijos: Keitimų animavimas naudojant layoutIfNeeded().

   // Keisti apribojimą
   myViewHeightConstraint.constant = 200
   
   // Maketo keitimo animacija
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Perėjimai tarp vaizdų: Perėjimai tarp skirtingų vaizdų (transition(from:to:duration:options:completion:) arba konteineryje).

   // Pavyzdys su perėjimu
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Veiksmai po perėjimo
   }
   

6. Core Animation (CALayer): Žemesnio lygio ir galingesnis karkasas sluoksnių animacijai. Leidžia animuoti CALayer savybes (pavyzdžiui, position, bounds, opacity, transformacijos).

   // Paprasta opacity keitimo animacija naudojant 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. Animacijos naudojant UIStackView: Automatinė elementų išdėstymo keitimo animacija.

   // Naujo vaizdo pridėjimas į UIStackView su animacija
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Animacijų naudojimas pagerina naudotojo patirtį, daro programėlę interaktyvesnę ir intuityvesnę.