SwiftUI Profile Animation | Matched Geometry Effect

Matched Geometry Effect in SwiftUI can produce beautiful transition animations. In the video we take an example profile head and animate it between collapsed and expanded versions using matchedGeometryEffect in SwiftUI.

iOS Developer Courses

Documentation for matchedGeometryEffect:

Matched Geometry Effect Starter Project:

Twitter:

iOS Developer Courses

Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):

Paul Hudson's Hacking With Swift:

Donny Wals - Combine:

Mark Moeyken’s SwiftUI Books:

Ray Wenderlich Books:

Links to my iOS Dev Setup & iOS Dev Book Recommendations

Timestamps:
0:00 - What we’ll build
0:41 - 3 Steps for Matched Geometry Effect
1:04 - Step 1 - Two Views
1:52 - Step 2 - Switch Between Those Views
3:33 - Step 3 - Match Views with Matched Geometry Effect
5:58 - Animation Not Working!
7:42 - Namespace Refactor
8:40 - Working Animation

#swift #softwaredeveloper #iosdeveloper

[dskygn]

Nice, clear and on-point explanation. Thank you for your precious work.

[abs]

I’m developing the features on an app I’m working on and I can’t wait to start working on polishing the UI after seeing this video, LOVE IT!!!
I also LOVE how you show how it is done in a step-by-step fashion!

[christostsangaris]

Damn it Sean!! I wish all my teachers were that good in explaining things!

[lowell_]

Thanks for making this, I'm no longer mystified by this modifier 😄 can't wait to use this for something

[vamsi]

long back It took too much time to do the same in Swift, Thanks to SwiftUI 👏easy peasy

[AbdulRahmanGhalayini]

very good video. by the way, instead of creating several namesoaces, you can create an enum for name space ids with raw value of type string and you define there the ids image, name and job. then you can use the raw value safely in the matched geometry with only one same profileAnimation namespace. well done

[noamif]

Such little work, such great results. love it, and love seeing videos again man

[ToddHoff]

Nice. It makes a lot more sense now. It also struck me that this is a good example as to why you want to use MVVM (or whatever) because advanced view stuff like this really clutters the view with view management logic. I really put way too much business logic in my views.

[LucyTheLightbringer]

Hey what’s the difference between using your view as a label to a button as opposed to attaching a onTapGesture modifier like you did in the video?

[AvinashKumar-skvr]

Hello sir, When we Scroll the list or scroll view content profile image animation is not working smooth.
please give any solution for it.

[JJ-upxt]

Hi do u use combine along with swift ui?

[MoAdel]

is withAnimation only enough without matched Geometry ?

[ecdnuzk]

Hi Sean have been building iOS apps recreationally since 2017 as a self taught dev. I’m finally now eligible to work in the US, any advice on how I can land my first iOS job ? I have an app on the AppStore and working on another to be published. I also have a blog I’m currently working on to show case my skills and swift passions. What’s my chances ? Any advice for a noob?

[davidardo]

Hello, age is important for a developer. I am 23 years old.
How do I improve? thank you