Что такое анимации в 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. Constraint based animations: Анимирование изменений констрейнтов с помощью layoutIfNeeded().

   // Изменяем констрейнт
   myViewHeightConstraint.constant = 200
   
   // Анимируем изменение макета
   UIView.animate(withDuration: 0.3) {
       self.view.layoutIfNeeded()
   }
   

5. View transition animations: Переходы между различными представлениями (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()
   }
   

Использование анимаций улучшает пользовательский опыт, делает приложение более интерактивным и интуитивно понятным.