Я использую 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.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
How to animate the device background to change color
Урок 53.
00:05:47
Create the bell notification animations using rotation and offset
Урок 54.
00:11:19
Creating the sequential circular motion of the sun icon
Урок 55.
00:09:28
Creating text animations using scale and opacity
Урок 56.
00:01:02
Incoming call animation: Introduction
Урок 57.
00:07:54
Creating an incoming call animation
Урок 58.
00:02:05
Animating Illustrations: Introduction
Урок 59.
00:17:56
Building a bike illustration in SwiftUI
Урок 60.
00:07:03
Create a smooth photo zoom effect using Matched Geometry Effect
Урок 61.
00:00:42
Designing Sun & Wind Weather Animations: Introduction
Урок 62.
00:02:38
Using Multicolor SF Symbols
Урок 63.
00:03:22
Create a looping rotational animation
Урок 64.
00:04:10
Create a 2D projectile motion: How to move objects on a circular motion path
Урок 65.
00:03:03
Create a path drawing animation
Урок 66.
00:01:10
Proceed with TouchID animation introduction
Урок 67.
00:05:56
How to create a write-on animation for the thumb icon
Урок 68.
00:06:10
How to animate the path segment of a shape: Create a progress ring animation
Урок 69.
00:02:50
How to animate the size of a circle
Урок 70.
00:05:59
How to animate a checkmark icon
Урок 71.
00:01:12
Login with FaceID Animations: Introduction
Урок 72.
00:02:05
Converting SF Symbol into shape outline in order to animate parts differently
Урок 73.
00:06:50
Animating the FaceID icon: Scale, opacity and flip animations
Урок 74.
00:01:46
Removing a view with opacity animation
Урок 75.
00:04:17
Animate and rotate circles in 3D
Урок 76.
00:04:27
How to animate a path to draw itself
Урок 77.
00:01:49
Building Twitter Like Animation in SwiftUI: Introduction
Урок 78.
00:01:54
Twitter Like Animation: How to increase the number of likes
Урок 79.
00:05:17
Twitter Like Animation: Animation Stroke Border of a circle
Урок 80.
00:03:35
Twitter Like Animation: Animating the Heart Icon
Урок 81.
00:03:59
Twitter Like Animation: Creating the Splash Animation
Урок 82.
00:00:50
Creating Coffee-Making Animation: Introduction
Урок 83.
00:09:29
Building coffee-making animation in SwiftUI
Урок 84.
00:00:50
Battery charging animation: Introduction
Урок 85.
00:10:09
Building battery charging animation
Урок 86.
00:00:39
Creating Grilling Animation: Introduction
Урок 87.
00:00:39
Introduction: Building Kayak Animation
Урок 88.
00:02:53
Creating background zoom effect
Урок 89.
00:08:13
How to create birds flying animation
Урок 90.
00:04:59
Create the bubbles animation
Урок 91.
00:03:28
Animate the kayak bowl to move back and forth
Урок 92.
00:02:37
Animate the head to move up and down
Урок 93.
00:04:13
Create rotation animations
Урок 94.
00:00:53
Building Steps Counting Animations in SwiftUI: Introduction
Урок 95.
00:02:46
Create a count-up timer for total time
Урок 96.
00:06:11
Create progress ring animation
Урок 97.
00:04:02
Building heartrate measuring animation
Урок 98.
00:03:34
Create a 3D walk cycle animation
Урок 99.
00:04:20
How to create a burning effect
Урок 100.
00:00:33
iPhone lock screen animations: Introduction
Урок 101.
00:04:11
Animate lock icon to open and close
Урок 102.
00:04:29
Animate background using Hue Rotation
Урок 103.
00:03:05
Create back-and-forth position animation: Home Indicator
Урок 104.
00:03:29
Creating vertical text position animation: Animating Y offset
Урок 105.
00:00:47
Create an Arc Menu Animation: Introduction
Урок 106.
00:04:15
How to create rotation animation using a custom easing curve
Урок 107.
00:10:52
Building the arc menu animation in SwiftUI
Урок 108.
00:01:05
Circular Motion: Display and dismiss menu items from two directions
Урок 109.
00:07:03
Create a Calming Breath Animation for Apple Watch
Урок 110.
00:02:39
How to delay SwiftUI animation: Create breath in, hold and breath out animation
Урок 111.
00:02:35
Animate and swap one text with another: (Breath In, Breath Out) Text Animation
Урок 112.
00:05:49
Create a looping animation: A glowing ring loader
Урок 113.
00:02:37
How to animate Hue Rotation
Урок 114.
00:08:55
How to orient and animate objects on a circular motion path
Урок 115.
00:04:52
Bringing a compound path (combined shape) from Sketch
Урок 116.
00:07:12
How to create an animated Matching Ants Effect
Урок 117.
00:03:37
How to animate a progress ring using the Trim() modifier
Урок 118.
00:07:30
Using Stroke Start: Create a heart count-down animation
Урок 119.
00:06:11
Using Stroke End: Animate an activity ring
Урок 120.
00:01:47
Using default Spring Animation
Урок 121.
00:04:29
The Physics of Spring Animation: Parameters
Урок 122.
00:02:15
How the Mass of an object attached to a spring affects Spring Animation
Урок 123.
00:02:07
How Stiffness affects Spring Animation
Урок 124.
00:01:42
What is Damping?: How Friction affects motion of an object in Spring Animation
Урок 125.
00:01:58
Understanding the Initial Velocity of Spring Animation
Урок 126.
00:02:56
Animate motion with Spring Parameters: Response, DampingFraction & BlendDuration
Урок 127.
00:04:02
Crate a Bouncing Animation that Replicates Gravity
Урок 128.
00:04:35
How to create rotation animation with bounce using Spring Animation
Урок 129.
00:11:14
How to animate a hamburger menu icon springily into a close icon
Урок 130.
00:04:02
Using an Interpolating Spring: Create heartrate measuring animation
Урок 131.
00:07:28
Animate a bell icon: Create notification animation using Spring Animation
Урок 132.
00:04:49
Create a rubber band effect using spring animation
Урок 133.
00:02:27
Spring Animations beyond the basics: Introduction
Урок 134.
00:02:04
Create a spring-zoom interaction
Урок 135.
00:05:04
Create progress animation: How to animate the X-offset of the ClipShape modifier
Урок 136.
00:04:22
Animating a mask offset: Creating a Wi-Fi connecting animation
Урок 137.
00:05:04
How to animate audio playing visualization using clipShape()
Урок 138.
00:10:11
Double Tap Gesture: Design a photo-zoom effect
Урок 139.
00:05:38
Using Long Press Gesture to animate TouchID
Урок 140.
00:04:46
Using a tap gesture: Create an audio recording animation
Урок 141.
00:02:34
How to toggle/swap text with a tap gesture
Урок 142.
00:02:37
Interaction Techniques: Tap to increase and decrease
Урок 143.
00:11:27
Interaction Mapping: Using a slider to adjust photo properties
Урок 144.
00:00:38
Create Breath Animation: Introduction
Урок 145.
00:00:49
A tour of the breath animations
Урок 146.
00:03:08
Creating Animation Asset in Sketch
Урок 147.
00:03:07
Layout of Views
Урок 148.
00:03:57
How to trim shape views in SwiftUI
Урок 149.
00:05:52
How to compose the flower shape
Урок 150.
00:03:27
Using color as a view
Урок 151.
00:01:31
Create an elevation with shadows
Урок 152.
00:02:17
Understanding animation states
Урок 153.
00:04:25
How to animate text with opacity
Урок 154.
00:04:36
Undestanding Animation easing
Урок 155.
00:02:07
How to trigger animation automatically
Урок 156.
00:05:13
How to animate trimmed path
Урок 157.
00:05:40
How to animate rotation
Урок 158.
00:02:23
How to animate Scale
Урок 159.
00:02:16
How to animate shadow
Урок 160.
00:02:47
How to rotate and animate color (Hue rotation)
Урок 161.
00:02:02
Introduction to Facebook Live Comments Animation and Motion
Урок 162.
00:01:15
Tour of the project
Урок 163.
00:03:14
Separating User Interface Elements into Files
Урок 164.
00:02:50
Creating UI Composition Using Stacks
Урок 165.
00:01:56
Working with Date and Time in SwiftUI
Урок 166.
00:02:05
How to Create a Text Field in SwiftUI
Урок 167.
00:02:25
Designing Profile and Message Text Field
Урок 168.
00:04:13
Creating Views Layout
Урок 169.
00:04:41
Understanding Overlay, Label, Spacer, and Padding
Урок 170.
00:03:05
Animating Background Using Hue Rotation
Урок 171.
00:05:06
How to Create Swing Animation
Урок 172.
00:03:32
How to animate the comments to move vertically
Урок 173.
00:04:34
Animate a thumbs up icon using Spring Animation
Урок 174.
00:03:20
Create an animated heartbeat
Урок 175.
00:03:09
Create an animated circular splash/burst
Урок 176.
00:05:28
Offset-Rotate: How to animate several icons to emit like particles
Урок 177.
00:04:50
How to implement Reduce Motion for SwiftUI animation
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
iOS и Swift - MVVM, Combine, SnapKit, Snapshot/UI/Unit Tests
iOS & Swift - MVVM, Combine, SnapKit, Snapshot/UI/Unit Tests
Добро пожаловать на курс iOS и Swift - MVVM, Combine, SnapKit, Snapshot/UI/Unit Тесты!В этом курсе я поделюсь своими знаниями и опытом как профессиональный разработчик iOS с 6-летним стажем работы в этой области. Материалы, которые я подготовил, являются знаниями, которые я хотел бы знать в начале своей карьеры, когда я боролся с такими концепциями, как:Программирование, ориентированное на протоколыРеактивное программированиеАрхитектура MVVM (поч