Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 Сегодня я расскажу и докажу вам, что показать новый экран так, как вы этого хотите, на самом деле не так уж и сложно. Разберём простой пример, где новый экран появляется постепенно, примерно, как проявляется фотография на полароиде. Сначала рассмотрим теоретический аспект этой проблемы, затем перейдём к практике.

2 В процессе показа экрана есть несколько действующих лиц. Разберём, кто есть кто и за что отвечает: 1)UIViewController- главный герой в нашей "постановке", его мы будем показывать и скрывать; 2)UIViewControllerTransitioningDelegate- наш помощник, который говорит системе, что мы берём управление над показом или скрытием экрана. Каждый контроллер имеет свойствоtransitioningDelegate, и если оно не установлено или на запрос кастомной анимации этот делегат отвечает nil - в таком случае система использует анимации по умолчанию; 3)UIViewControllerAnimatedTransitioning- собственно, здесь представлен "сценарий" нашей презентации, как именно и как долго мы хотим, чтобы наш экран показался; 4)UIViewControllerContextTransitioning- перед началом процесса показа экрана iOS создаёт контекст, в рамках которого будет протекать весь процесс. Контекст предоставляет нам доступ к участвующим в показе контроллерам, также при окончании показа мы сообщаем ему об этом; 5)UIKIt- фреймворк, который предоставляет нам все необходимые для показа инструменты и вообще делает эту процедуру возможной.

3 За создание элементов 1-3 отвечает разработчик, элементы 4-5 предоставляет сама система.

4 Если формализовать показ нового экрана в алгоритм, то получится следующее: 1) инициация процесса (нажатие пользователем на кнопку, вызов из кода); 2) UIKit спрашивает у контроллера, который мы хотим показать,transitioningDelegate, если такового нет, то используется стандартная анимация; 3) UIKit спрашивает уtransitioningDelegateобъект самой анимации (класс, имплементирующий протоколUIViewControllerAnimatedTransitioning) animationController(forPresented:presenting:source:), если мы возвращаем nil, то используется стандартная анимация; 4) UIKit создаёт контекст; 5) UIKit спрашивает длительность у объекта анимацииtransitionDuration(using:); 6) UIKit запускает сам процесс анимацииanimateTransition(using:); 7) По окончанию анимации мы вызываемcompleteTransition(_:)у контекста.

5 <h2>Теперь разберём на практике</h2>

6 Перед тем, как приступим, предлагаю скачать<a>стартовый проект</a>. В нём вы найдете дваViewContoller'а, на одном есть кнопка, при нажатии на которую у нас показывается второй контроллер с фотографией милой панды. Нужно будет перейти к тэгу step_0 (git checkout step_o).

7 Пойдём по вышеуказанным шагам.

8 1. Нажатие на кнопку Show Panda.

9 При нажатии на кнопку у нас срабатываетsegue, поэтому мы можем переопределить метод prepare(for: _, sender: _) и сделать необходимые настройки:

10 override func prepare(for segue: UIStoryboardSegue, sender: Any?) { guard segue.identifier == .showPandaSegueIdentifier, let destinationVC = segue.destination as? PandaViewController else { return } }2. Зададим transitioningDelegate.

11 Зададим PandaViewController transitioningDelegate, делегатом будет выступать нашViewController. Компилятор будет ругаться - это нормально, на следующем шаге мы устраним эту проблему. Добавим эту строчку в самый конец метода prepare(for: _, sender: _):

12 destinationVC.transitioningDelegate = self3. Создаём анимацию.

13 Создадим классFadePresentAnimationContollerи унаследуем его от NSObject, а также укажем протокол UIViewControllerAnimatedTransitioning:

14 class FadePresentAnimationContoller: NSObject, UIViewControllerAnimatedTransitioning { func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { return 1.0 } func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { } }Сейчас наш класс ничего не делает, оставим пока так.

15 4. Создаём контекст.

16 Мы можем получить доступ к созданному контексту через параметр в функциях нашего класса FadePresentAnimationContoller.

17 5. Задаём длительность нашей анимации.

18 Укажем 1 секунду. Можете поэкспериментировать и поставить 5 секунд, можно будет насладиться нашей классной анимацией :)

19 func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { return 1.0 }6. Запускается процесс анимации.

20 Остановимся здесь подробнее. Через контекст сначала получим доступ к контроллеру, который мы хотим показать, и создадим так называемый snapshot экрана, с которого уходим. Snapshot - это просто статичный снимок всего экрана.

21 guard let targetVC = transitionContext.viewController(forKey: .to), let snapshot = transitionContext.view(forKey: .from) else { return }Теперь нам нужно подготовиться к презентации. В контексте создаётсяUIView containerView, в это вью система уже помещает view контроллера, с которого мы уходим. Нам остаётся добавить к нему snapshot и view нового контроллера.

22 Также установим alpha проперти у вью в 0.0, чтобы дальше у нас была возможность его анимированно проявить:

23 let containerView = transitionContext.containerView containerView.addSubview(snapshot) containerView.addSubview(targetVC.view) targetVC.view.alpha = 0.0Получаем длительность перехода на новый экран, чтобы подстроить саму анимацию. Выставляем alpha в 1.0 и в completion блоке нам нужно удалить snapshot - из контейнера, он нам больше не нужен.

24 let duration = transitionDuration(using: transitionContext) UIView.animate(withDuration: duration, animations: { targetVC.view.alpha = 1.0 }) { _ in snapshot.removeFromSuperview() }7. Завершаем нашу презентацию.

25 Нам нужно оповестить контекст, что мы закончили нашу анимацию. В конец completion-блока добавим следующую строку:transitionContext.transitionWasCancelled- она говорит нам, был ли переход отменён пользователем или нет.

26 transitionContext.completeTransition(!transitionContext.transitionWasCancelled)В результате получается следующее:

27 let duration = transitionDuration(using: transitionContext) UIView.animate(withDuration: duration, animations: { targetVC.view.alpha = 1.0 }) { _ in snapshot.removeFromSuperview() transitionContext.completeTransition(!transitionContext.transitionWasCancelled) }