Animating Controls in .NET MAUI & Xamarin.Forms

Have you been looking to add some pizzaz to your .NET MAUI & Xamarin.Forms apps? Look no further than the built in animation system in these frameworks. You can easily add simple animations in code in just a few lines of code, you can chain multiple animations together, or create your own custom animation and synchronize it with your MVVM code.

Links:

Join this channel to get access to perks:

Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.

Follow:

Chapters:
00:00 - Simple Control Animations
04:25 - Playing Multiple Animations Together
06:50 - Rotation Animation
08:20 - Custom Animations and MVVM
17:50 - Wrap-up

My Setup:

#xamarinforms #dotnetmaui #animations

[igorkraevskiy]

Great work!
Your video came just in time!
Currently working on a Xamarin project and sure enough, I will add this animation soon.
As always, thank you for your work!

[TheRealJacobWurz]

Found you from your LI Learning tutorial and found out you had all these other youtube tutorials. Very helpful! Thank you!

[FaheemRasheed]

thank you so much for this, james. made my day.

[anandshindey]

Awesome, was looking for explanation of the Animation call (planning to code a skeleton loader). Thanks for the info.

[Ihahachi]

Thank you James, this is awesome animation.

[kuzco]

Hi James! Commenting here, since this is the latest video of the Playlist,
Any chance you could show us how to Unit Test Xamarin Forms applications?

I've worked through Microsoft's Learning Paths and read the documentation but, much content on Unit Test with MVVM &Co is kinda difficult to find. You explain everything so well, I think it would be a great finishing touch for such great content :)

[thebebinator]

How do you get a reference to an individual DataTemplate in a collection or list view in order to animate that specific item? For example If I click a button on one element, I want THAT element's image to fade in.

[fawin]

Don't you need to check your on the main thread to do all of these?
In general - when do I need to 'invoke on the main thread' and when do I not?

[albertostring]

James can you mimic the animation of outlook. when deleting

[hryhoriishkliaruk]

How for me, for so simple animation how rotation you need to write a lot of code. Why can't we use only XAML?

[MarcusUlmer-crrt]

Hello. I can't find the Fontawsome implementation video. Was recommended in 1.19 minutes

[ozzietradie]

awesome just what i was looking for i want to make a knob how many hours went into net maui theres alot in docs

[pbreslinltd]

I like that BaseViewModel from the MVVM Helper class BUT when I use that in place of ObservableObject, my [ObservableProperty] tags throw red squigglies in my viewmodel saying that my class does not inherit from ObservableObject... Can I not use this BaseViewModel if I make use of [ObservableProperty] in my viewmodel?

[jhanifkara]

Why don't the maui team include by defaults icon font into maui as google does in android studio?

[sentrycod]

Well done man. Can you give examples of those extension methods? Where you pass views into view models

[DrZupan]

what about animation of width and height?

[johnt]

Why is Xamarin still a thing? I thought .NET MAUI was a Xamarin replacement. For example, why is there a Xamarin Shell and a MAUI shell? Could Microsoft make this a little more obtuse?

[jeffsiemens]

The api is nice, but I've always felt like Xamarin Forms animations don't quite achieve the silky smoothness of native animations. Feels more like 30fps than 60fps.

[pavankalyan]

Hi James,
How to create circular radial bar in .net maui..
Could u help me..
Thxs in advance

[FaheemRasheed]

request you to please make a video about publishing the app. Like publishing the app to the Google Play.