Я использую SwiftUI для создания анимации и прототипов с момента его первого выпуска в 2019 году. Я очень рад научить вас началу работы и созданию своих анимаций для приложений iOS, tvOS, iPadOS и watchOS с помощью SwiftUI. Этот курс даcт вам хорошие основы и понимание основных принципов анимации для всего, что вы сможете себе представить, используя SwiftUI.
Мы рассмотрим создание базовой анимации, а также анимации Spring. Вы узнаете, как сделать анимацию вашего приложения лучше, восхитительнее и ценнее, используя только SwiftUI.
Цели обучения:
- Понимание анимации и движения в SwiftUI
- Работа с опорными точками (центр масс)
- Понимание базовой анимации
- Создание анимации Spring на iOS
- Когда и как использовать смягчения
- Как улучшить анимацию приложений iOS
- Основы синхронизации анимации
- Анимация в 3D
- Создание клонов анимаций Dynamic Island
- Доступные анимации и уменьшение движения на iOS
Основные разделы:
Создание базовой анимации
- Создайте свою первую анимацию SwiftUI
- Как создать вращающуюся анимацию: Yahoo Weather Sun and Wind
- Как анимировать масштабное преобразование (x, y и xy)
- Как анимировать движение, используя смещение (x и y)
- Как анимировать движение с помощью выравнивания
- Создайте свою первую анимацию для Apple Watch
- Как анимировать вращение оттенка
Неявная и явная анимация
- Что такое неявная анимация?
- Что такое явная анимация?
Анимация визуальных эффектов
- Как оживить цвет
- Как анимировать градиенты
Овладение таймингом и темпом анимации
- Что такое тайминг анимации?
- Что такое темп анимации?
- Как изменить время начала анимации с помощью задержки
- Что такое повторный счет?
- Как зациклить анимацию
- Как настроить скорость анимации
Easing: Понимание того, как все движется
- Default
- Linear
- EaseIn
- EaseOut
- EaseInOut
Использование пользовательских временных кривых
- Sinusoidal
- Circular
- Exponential
- Special Effects
Изучение анимаций Spring
- Понимание параметров анимации Spring
- Что такое жесткость?
- Что такое масса?
- Что такое response?
- Что такое начальная скорость?
Клонирование анимаций Dynamic Island с помощью SwiftUI: Первоклассные приложения Citizen Apple
- Airdrop
- Silent/ringing
- Call Coming In
- Message Coming In
- Approving FaceID
- Privacy
- Music: Now Playing
- FaceTime Bubbling
- Throw Timer into the Island
- Airpods Pro Charging
- Airpods Max Charging
- Battery Charging
- Apple Maps Directions
Клонирование анимаций Dynamic Island с помощью SwiftUI: сторонние приложения
- Прибытие Uber
- Прибытие Lyft
- В полете: Посадка самолета
- StepsApp: подсчет шагов
Как добавить анимацию к стандартным элементам управления
- Как анимировать тумблер
Анимация в 3D
- Как воспроизвести анимацию подтверждения FaceID
- Parallax 3D-анимация на Apple TV
Создание клонов анимации приложений iOS
- Измерение пульса на Apple Watch
- Анимация дыхания на Apple Watch
- Анимация дыхания в приложении Tide
- Анимация подсчета шагов StepApp
Использование переходов
- Создание переходов между страницами
- Создание переходов между областями просмотра
Как сделать анимацию SwiftUI доступной и инклюзивной
- Как объединить анимацию для детей в один элемент
- Как сообщить озвучке, что анимируемый элемент — это кнопка
- Как маркировать анимационные элементы
Как реализовать Reduce Motion для анимации SwiftUI
- Как отключить анимацию при включенном Reduce Motion
- Как представить тонкую/менее выразительную анимацию, когда включено Reduce Motion.