Изучите SwiftUI Animations: Основы и продвинутые методы

Изучите SwiftUI Animations: Основы и продвинутые методы
en
08.12.2022
13 г 09 хв 48 сек

Я использую 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.

Вы не можете просматривать данный курс -

Array ( [bitrate] => 2809163 [filesize] => 27662040 [mime_type] => video/mp4 [length] => 75 [length_formatted] => 1:15 [width] => 1280 [height] => 720 [fileformat] => mp4 [dataformat] => quicktime [audio] => Array ( [dataformat] => mp4 [bitrate] => 128047 [codec] => ISO/IEC 14496-3 AAC [sample_rate] => 44100 [channels] => 2 [bits_per_sample] => 16 [lossless] => [channelmode] => stereo [compression_ratio] => 0.090736252834467 ) [created_timestamp] => -2082844800 )