|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/swiftui-animation-foundations/
课程评论:没有评论
# SwiftUI 动画课程摘要:iOS、watchOS 和 visionOS 本课程由 Amos Gyamfi 主讲,将带您深入了解使用 SwiftUI 制作动画的强大功能。Amos 自 2019 年 SwiftUI 发布以来一直致力于使用 SwiftUI 创作动画和原型,在本课程中,他将分享他的经验,教您如何为 iOS、tvOS、iPadOS 和 watchOS 应用构建令人惊叹的动画。 **课程核心内容:** * **动画基础:** 理解动画和运动的基本原理,学习事物如何随时间变化,包括移动、基本动画和弹簧动画。 * **动画细节:** 掌握如何精确控制动画的视觉效果,使其更具吸引力和价值。 * **核心技术:** * **变换动画:** 学习旋转、缩放(x, y, xy)、偏移 (x, y) 和对齐等动画效果。 * **颜色与渐变动画:** 掌握色彩和渐变的动画处理。 * **蒙版动画:** 学习使用蒙版创建复杂的动画效果,如 Touch ID 动画。 * **动画时序与节奏:** 深入理解动画时序、缓动函数(线性、缓入、缓出、缓入缓出、自定义)、延迟、重复次数和速度调整。 * **弹簧动画:** 详解弹簧动画的各种参数,如刚度、阻尼、质量、响应和初始速度。 * **路径动画:** 学习在 SwiftUI 中绘制和动画化路径,包括导入 Sketch 路径和创建动态蚂蚁动画。 * **转场动画:** 掌握页面间和视图间的转场动画。 * **3D 动画:** 学习创建 3D 动画,如 FaceID 确认动画和 Apple TV 视差动画。 * **案例实践:** * **克隆 Dynamic Island 动画:** 学习如何复制 Apple 自家应用(如 AirDrop、信息、FaceTime、充电指示器等)和第三方应用(如 Uber、Lyft、Flighty 等)的 Dynamic Island 动画。 * **克隆 iOS 应用动画:** 实践 Apple Watch 心率测量、呼吸动画、步数统计动画等。 * **可访问性:** 学习如何使 SwiftUI 动画更具包容性,包括组合子动画、为语音播报添加信息以及实现“减少动态效果”选项。 **课程更新:** Amos Gyamfi 会每周更新课程内容,添加新的动画案例和技术,因此您将始终学到最新的 SwiftUI 动画实践。 **本课程适合:** 希望为 iOS、watchOS 和 visionOS 应用添加令人眼前一亮动画的开发者。无论您是初学者还是有一定经验的开发者,都能从中受益。
Hi, My name is Amos Gyamfi. I have been using SwiftUI to create animations and prototypes since its first release in 2019. I am so excited to teach you how to get started, and, build your next iOS, tvOS, iPadOS, and watchOS App animations using SwiftUI.Welcome to Animate With SwiftUI: iOS, watchOS, and visionOS. This course gives you the good foundations and the basic principles of animating anything you could imagine using SwiftUI. We will first go through how things change over time so that you know for example, how things move. We will then look at creating Basic Animation as well as Spring Animation. You will learn how to make your app animations look better, delightful, and valuable using nothing but SwiftUI. So, let's get started with Animate With SwiftUI: iOS, watchOS, and visionOS.NOTE: As of 11/09/2022, I will keep on deleting the 2020 and 2021 animation videos from this course. The reason is that I am updating this weekly with new animations to replace the old content. Learning ObjectivesUnderstanding animation and motion in SwiftUIWorking with Anchor Points (Center of mass)Understanding Basic Animation Creating Spring Animations on iOSWhen and How to Use EasingsHow to make iOS App Animations look betterThe basics of Animation TimingAnimating in 3DBuilding Clones of Dynamic Island AnimationsAccessible animations and Reduce Motion on iOSMain Sections (updated weekly)Creating Basic AnimationCreate your first SwiftUI animationHow to create rotational animation: Yahoo Weather Sun and WindHow to animate scale transform (x, y, and xy)How to animate movement using offset (x and y)How to animate movement using alignmentCreate your first Apple Watch animationHow to animate Hue RotationImplicit and Explicit AnimationWhat is an Implicit Animation?What is an Explicit Animation?Understanding and Animating MasksHow to animate corner radiusAnimating Touch ID using mask offsetAnimating Visual EffectsHow to animate colorHow to animate gradientsMastering Animation Timing and PacingWhat is animation timing?What is animation pacing?How to change an animation begin time using delayWhat is a repeat count?How to repeat an animation foreverHow to adjust an animation speedEasing: Understanding How Things MoveDefaultLinearEaseInEaseOutEaseInOutUsing Custom Timing CurvesSinusoidalCircularExponentialSpecial EffectsLearning Spring AnimationsUnderstanding Spring Animation ParametersWhat is stiffness?What is Damping and Damping Fraction?What is Mass?What is ResponseWhat is Initial Velocity?Cloning Dynamic Island Animations with SwiftUI: First Class Citizen Apple AppsAirdropSilent/ringingCall Coming InMessage Coming InApproving FaceIDPrivacyMusic: Now PlayingFaceTime BubblingThrow Timer into the IslandAirpods Pro ChargingAirpods Max ChargingBattery ChargingApple Maps DirectionsCloning Dynamic Island Animations with SwiftUI: Third-party AppsUber ArrivingLyft ArrivingFlighty: Airplane LandingStepsApp: Steps CountingDrawing and Animating Path in SwiftUIHow to bring a compound path from SketchHow to make an animated matching antsHow to Add Animations to Standard ControlsHow to animate a toggle switchAnimating in 3DHow to replicate the FaceID confirmation animation3D parallax animation on Apple TVBuilding Clones of iOS App AnimationsMeasuring heart rate on Apple WatchBreathe animation on Apple WatchTide app's breathe animationStepApp's steps counting animationUsing TransitionsCreating page-to-page transitionsCreating view-to-view transitionsHow to make SwiftUI Animations Accessible and InclusiveHow to combine animating children into one elementHow to tell voiceovers that an animating element is a buttonHow to label animating elementsHow to Implement Reduce Motion For SwiftUI AnimationHow to disable animations when Reduce Motion is onHow to present subtle/less excessive animations when Reduce Motion is on