SwiftUI Animations - 3 Simple Techniques (ft. Mark Moeykens)

Learn 3 simple SwiftUI animation techniques to spice up your SwiftUI user interface. We’re going to take the SwiftUI Slots app that we built in this series and breathe some life into it with some simple, subtle animations.

In case you're trying to do the 3 line editing trick that Mark did at 10:50, just a note that in Xcode 12, it's CONTROL+SHIFT instead of Option+Shift

⏱ Time Stamps ⏱
00:00 What you'll learn
00:52 SwiftUI animations
01:12 What can we animate?
02:51 SwiftUI animation modifier
03:23 Adjusting easing
05:56 SwiftUI transitions
15:25 Spring animation
20:00 Recap

The original SwiftUI Slots App Playlist:

Mark Moeyken

📚 Looking for more training like this? Check out CWC+:

⚡To continue learning how to make apps with us, be sure to subscribe to our channel:

⚡And we also have a thriving CodeCrew community where you can meet like-minded iOS learners and get support on your own iOS app development journey:

CodeWithChris is dedicated to teaching beginners and non-programmers all about how to make an app. On the site, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift, Xcode and app building from my course and materials!

#SwiftUI #Animations #CodeWithChris

[ChileMamaLC]

So well explained. What I love about learning from Mark is how he provides the background context before and during diving into code. Off to have a look at his animation book!

[richardn.]

What a great example to instigate more creativity when thinking of different ways to liven your storyboard!

[sujeonglim]

I'm a UIKit developer transitioning to swiftUI :) thank you for this video now I'm following up this tutorials.

[ThePrideOfLion]

It is clearer and easier in Swift UI than any were else. So much respect for @Mark; feels great to hear that voice and watch your magic again. Thank you Chris as always.

[imatricepte]

Looks like you changed your camera ! I like that quality :)

[mohammedalbagshi]

I just started to learn UIKit but it seems that I fall in love with SwiftUI, its so easy :)

[eneskaraosman]

I found using local variable easier for conditioning image transition,
like @State private var showAnimation = false; & set it to true onAppear ?

[jaimeacasta]

Im interested in the card slide transition, however how can I do it of instead of 3 images I have 50+?

[devhopes]

How do you get your Xcode to show the ruler lines to the right of the line numbers so you can collapse the code in ZStack{...}?

[akashrevanna]

Chris.. One suggestion, can I buy M1 Macbook air base model for iOS development? Or need to go with pro model?

[yourtube]

Really great 👏, thank you guys 😉
Can we have the code snippet to play with it further 😅

[veerpatel]

Hey, I think this is a great video and I think you should make a Discord server as there are a shortage of iOS ones and I think your one could have a really friendly community where everyone can gather up and ask for help!

[mahtabhasan]

Shifting to SwiftUI from swift and like to learn more & more

[AlexCopter]

All of this works fine until you trying to insert some sort of indeterminate ProgressView with infinity animation (e.g. spinner) instead of "apple" or "cherry". The transitions between views with "apple", "cherry" and spinner would work fine, but the spinner would not be animated at all.