Your next career begins with
Save 50% off your seat in our next iOS Bootcamp. Limited time only. Sessions start April 3.
SwiftUI Animation
Version history
iOS 15, Swift 5.5, Xcode 13
Mar 29 2022iOS 14, Swift 5.3, Xcode 12 (Selected)
Dec 10 2020Get started animating all sorts of SwiftUI views, including shapes, fades, transitions, and interacting with animation! By Jessy Catterwaul.
Sign up/Sign in
With a free Kodeco account you can download source code, track your progress, bookmark, personalise your learner profile and more!
Create accountAlready a member of Kodeco? Sign in
Sign up/Sign in
With a free Kodeco account you can download source code, track your progress, bookmark, personalise your learner profile and more!
Create accountAlready a member of Kodeco? Sign in
Sign up/Sign in
With a free Kodeco account you can download source code, track your progress, bookmark, personalise your learner profile and more!
Create accountAlready a member of Kodeco? Sign in
Who is this for?
This course is part of our iOS User Interfaces with SwiftUI learning path. You're ready for this course if you're working through that learning path in order, or you're someone who has a bit of iOS and Swift experience: enough to know the basics of putting views onscreen in a SwiftUI-based app.
This course isn’t suited for advanced developers. If that’s you, check out our advanced video courses for more ways to level-up your developer skills!
Covered concepts
- Animation
- Rotating
- Spinner view
- Transition effects
- Interactive animations
Part 1: Beginning with SwiftUI Animation
Every animation in SwiftUI is based on a simple principle: an animation is a change in value or state over time.
Marking properties as 'State' will trigger a new snapshot of your view each time they’re modified. These can be automatically interpolated by SwiftUI!
An Animation is a small collection of data that defines the properties of a resulting animated effect. These include duration and timing curve information.
Create a tappable thumbnail image which will present a larger version of itself with a neat combination of animations.
You've animated quite a few properties at the point: including color, position, and scale. Your challenge is to add rotation to the mix.
Over the rest of this part, you'll build by working to build a modern, fluid spinner-view. You'll lay the foundations for it in this episode.
Combine multiple animations into one amazing composition. Utilize transition effects, along with the Animations type you've learned about already.
At this point, you know plenty about creating animations with SwiftUI. But there is one last topic to cover: creating beautiful animations driven by the user.
Review some key points to keep in mind, as you continue exploring, regarding shapes, State, gestures, and other modifiers.
All videos. All books.
One low price.
A Kodeco subscription is the best way to learn and master mobile development — plans start at just $19.99/month! Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.
Learn more