Какви са анимациите в UIKit?

Анимациите в UIKit са визуални промени в свойствата на UI елементите (например позиция, размер, цвят, прозрачност) с течение на времето, създаващи илюзия за движение и динамика.

Основните начини за реализиране на анимации в UIKit:

1. UIView.animate(withDuration:animations:): Най-простият начин за анимиране на стандартните свойства на UIView.

   // Анимация на смяна на центъра и прозрачността на UIView
   UIView.animate(withDuration: 0.5) {
       myView.center = newCenter
       myView.alpha = 0.0
   }
   

2. UIView.animate(withDuration:delay:options:animations:completion:): По-гъвкав метод с параметри за забавяне, крива на анимацията и блок за завършване.

   // Анимация с забавяне и опции за повторение
   UIView.animate(withDuration: 0.8, delay: 0.2, options: [.repeat, .autoreverse]) {
       myView.backgroundColor = .red
   } completion: { finished in
       // Действия след завършване (ако не се повтаря безкрайно)
   }
   

3. Основни опции за анимация (UIView.AnimationOptions):

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

4. Анимации базирани на ограничения: Анимиране на промени в constraints чрез layoutIfNeeded().

   // Промяна на constraint
   myViewHeightConstraint.constant = 200
   
   // Анимиране на промяната в разположението
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. Анимации на преходи между изгледи: Преходи между различни изгледи (transition(from:to:duration:options:completion:) или в контейнер).

   // Пример с transition
   UIView.transition(from: oldView, to: newView, duration: 0.5, options: [.transitionFlipFromLeft]) { finished in
       // Действия след прехода
   }
   

6. Core Animation (CALayer): По-ниско ниво и по-мощен фреймуърк за анимация на слоеве. Позволява анимиране на свойства на CALayer (например, position, bounds, opacity, трансформации).

   // Простата анимация на промяна на opacity на 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. Анимации с използване на UIStackView: Автоматична анимация на промени в разположението.

   // Добавяне на изглед към UIStackView с анимация
   UIView.animate(withDuration: 0.3) {
       stackView.addArrangedSubview(newView)
       stackView.layoutIfNeeded()
   }
   

Използването на анимации подобрява потребителското изживяване, прави приложението по-интерактивно и интуитивно.