MENU

Fun & Interesting

Mastering SwiftUI Transitions – Custom & Built-in Animations

Stewart Lynch 1,267 lượt xem 2 weeks ago
Video Not Working? Fix It Now

In this video, we explore the Transition protocol introduced in iOS 17 and how it allows us to control how views enter and exit the view hierarchy in SwiftUI. We’ll dive into both built-in AnyTransition types and custom transitions, showing how to combine them for more dynamic UI effects.

🔥 What You’ll Learn:
✅ Simple transitions like opacity, slide, move, scale, and offset
✅ Combining transitions for complex effects
✅ Creating custom transitions using the ViewModifier protocol
✅ Using asymmetric transitions for different enter/exit animations
✅ Practical tips for enhancing your SwiftUI apps with smooth UI effects

If you want to support my work, you can buy me a coffee :) 
https://ko-fi.com/stewartlynch 

******** Download my StewartLynch YouTube Channel Application - Free *********** 
https://stewartlynch.gumroad.com/l/obsjz

Enroll in my full length multi-target course to build a Mac Menubar app, an iOS App with WIdgets and a WatchKit app
https://stewartlynch-school.teachable.com/p/smile4me-swift-swiftui-app

Table of Contents: 
0:00  Introduction
1:40 Simple Built in Transition Types
9:40 Combined Transitions
10:43 Custom AnyTransition
12:25 AnyTransition Modifier
16:60 AnyTransition Asymmetric

 Starter Project Files: 
https://github.com/StewartLynch/TransitionsAndAnimations
Completed Project: 
https://github.com/StewartLynch/TransitionsAndAnimations/tree/CompletedSourceCode

References mentioned in video: 
Custom View Modifiers
https://youtu.be/XdfVPPfnZZU
SwiftUI, Swift, iOS 17, SwiftUI Transitions, SwiftUI Animations, AnyTransition, Custom Transitions, iOS Development, iOS Animation, ViewModifier, SwiftUI View Transitions, iOS App Development, Apple Developer, Xcode, Learn Swift, SwiftUI Tutorial, SwiftUI Effects
Recommended Resources: 

RocketSim - Build Apps Faster 
   https://gumroad.com/a/122988499/ftvbh 

BigMountain Studio Books 
SwiftData Mastery in SwiftUI 
   https://www.bigmountainstudio.com/swiftdata/77jt8 
SwiftUI Views Mastery 
   https://www.bigmountainstudio.com/views-16/77jt8 
SwiftUI 5 Book Bundle 
   https://www.bigmountainstudio.com/book-bundle/77jt8 
Combine Mastery in SwiftUI 
   https://www.bigmountainstudio.com/combine/77jt8 
Core Data Mastery in SwiftUI 
   https://www.bigmountainstudio.com/core-data/77jt8 
SwiftUI Animations Mastery 
   https://www.bigmountainstudio.com/animations-16/77jt8 

Other References: 
Stewart Lynch's YouTube Channel: 
   https://youtube.com/@StewartLynch 
Stewart Lynch on Mastodon: 
   https://iosdev.space/@StewartLynch 
Stewart Lynch on BlueSky:
@stewartlynch.bsky.social
Stewart Lynch On Threads: 
   @StewartLynch 
Stewart Lynch on X: 
   https://x.com/StewartLynch 
Stewart Lynch on LinkedIn 
   https://www.linkedin.com/in/stewartlynch

Comment