Easy SwiftUI Animation Tutorial with 3 Examples

This easy SwiftUI animation tutorial walks you through how to create simple, complex, and custom animations in SwiftUI. In the tutorial, I show animation examples with a glassmorphism / material background list cell, a shape with offset and a linear gradient, and a button. SwiftUI is one of the best ways for beginners to learn how to create their own app in iOS / Swift. You will need Xcode to complete this tutorial.

What did you think of this video / my formula for creating SwiftUI animations? Comment below and let me know.

Want to see more? Check out these videos:

Follow me and say hello!

#SwiftUI #Animation #Tutorial #XCode #iOSDeveloper

[challasomesh]

Man this helped me a lot, Thank you ❤

[wilburwongdev]

I was about to comment that this vid's clear, eary to understand and practice, found somone else already same feelins, thank you for making this tutorial!

[kolboch]

really like that format, ideally keep it under 10 minutes, I like to watch those as a warm up / learning something new at the start of a day before work. 💪🔥

[Shan]

"n SwiftUI, the .spring() animation modifier can be used to create spring-like animations. The .blendDuration() modifier is used in conjunction with .spring() to control the duration of the blending phase of the animation.

During the blending phase, the animation gradually changes from the current state to the final state, using a linear interpolation. The duration of this phase is determined by the .blendDuration() modifier.

For example, if you have an animation that lasts for 1 second and you set a blend duration of 0.5 seconds, the first half of the animation will be spent blending from the initial state to the final state, and the second half will be spent settling into the final state with a spring-like effect.

In simpler terms, the blend duration determines how long it takes for the animation to smoothly transition from the current state to the final state, before the spring-like effect takes over."

- thanks chat gpt

[chasekunz]

Subscribed and excited to go look at what else you’ve got posted.
Super clear and simple to follow.

[rungxanh]

Thank you Logan for formularizing it into 3 steps, making it much easier to understand 💯

[karlostj]

Update to Xcode 15 regarding ".spring": The current version of

withAnimation ( .spring( response: 0.9, dampingFraction: 0.1, blendDuration: 0))

is now:

withAnimation( .spring( Spring(response: 0.9, dampingFraction: 0.1 )))

Apple engineers must have reviewed your video!

[ssssp]

Your videos are super clear and easy to understand! Thanks

[BUdJohnson]

Awesome!! Thank you! Please keep making more swiftUI tutorials!!

[slapclapslap]

Damn that "which is a great task to do" got me lol +1sub

[RobertEvansII]

About 2 years ago when I was learning about spring animation the presenter said the exact same thing about blend duration. Some things never change 🤣

[ShortDoMorgans]

That's really helpful, thanks a lot

[Mindcrazyan]

One of the most beautiful and easy to understand tutorials i'v ever seen, you don't know how much i'v learned from this video, thank you 🤍

[LucasFremmer]

Nice tutorial, keep it up! Subscribed <3

[debonairbearr]

Do you have a video showing how to set up your xcode like that?

[m]

Can I import animations so I can use them? And can you show me how?😊😅

[عادلالهذلول-رك]

thank you. How can I learn the basics 4 swift ?

[dskygn]

Short and on point video, thank you. But the background music is so irritative.