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.
Full Xamarin Beginner's Playlist - • Xamarin & Xamarin.Form...
Links:
* Animations: docs.microsoft.com/xamarin/xa...
* Coffee App Code: github.com/jamesmontemagno/My...
* My blog on animations: montemagno.com/animate-anythi...
* Xamanimation: github.com/jsuarezruiz/Xamani...
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
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:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
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
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
📹 Elgato Cam Link - amzn.to/3a9eGbh
📷 GoPro Hero - amzn.to/374lm90
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
#xamarinforms #dotnetmaui #animations
Пікірлер: 49
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!
thank you so much for this, james. made my day.
Thank you James, this is awesome animation.
Awesome, was looking for explanation of the Animation call (planning to code a skeleton loader). Thanks for the info.
Thanks James!! Nice!
Found you from your LI Learning tutorial and found out you had all these other youtube tutorials. Very helpful! Thank you!
@JamesMontemagno
11 ай бұрын
Whoa nice! Was it the beginner videos?
@TheRealJacobWurz
11 ай бұрын
@@JamesMontemagno Yeah the beginner ones.
Thanks James.
Great video, thanks for sharing.
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 :)
Awesome is James ☺️
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.
awesome just what i was looking for i want to make a knob how many hours went into net maui theres alot in docs
Nice 😁
Thank you
Well done man. Can you give examples of those extension methods? Where you pass views into view models
@JamesMontemagno
2 жыл бұрын
Checkout github.com/jsuarezruiz/Xamanimation as it has some good examples of how to do xaml based animations
Hi James, How to create circular radial bar in .net maui.. Could u help me.. Thxs in advance
hello , i tried this , thanks for that . Sth however didnt work for me , animating items in a collection view , how is that possible ?
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?
This will work from View model?
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?
@Arwahanoth
Жыл бұрын
use [ObservableObject] attribute maybe ? My guess is this ViewModel already has all the needed generated code and so it don't need to inherit ObservableObject.
what about animation of width and height?
How for me, for so simple animation how rotation you need to write a lot of code. Why can't we use only XAML?
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.
Why don't the maui team include by defaults icon font into maui as google does in android studio?
@JamesMontemagno
2 жыл бұрын
Do you mean like fontawesome? Not everyone wants a very large font file included in their app as they may not use it and the team worked to simplify adding fonts to a single line of code
@maxikraxi1234
2 жыл бұрын
@@JamesMontemagno + it takes you only 5 minutes to include any iconset
@jhanifkara8552
2 жыл бұрын
@@JamesMontemagno yes, but I do not know which icon fonts exactly do android studio uses, but they have a lot of them by default in their platform. I understand your point, but what about adding them to the framework, but if the developer does not use it or call any font, then the progran should not include it in the .ipa file
Nice video ! Hey James, can you create a marquee animation with xamarin ? :P
@JamesMontemagno
2 жыл бұрын
You could do a translate on the y axis
Is Hot Reload not available for .Net Maui?
@JamesMontemagno
2 жыл бұрын
Should be, it is working for me. I now that if you want it to work currently with Windows you need the UWP workload in Visual Studio 2022
@Coffeecupdev
2 жыл бұрын
@@JamesMontemagno I saw you restarting after each change hence the question. I have been working with Flutter. I want to give Maui a go. Thank you for the video.
Sadly this does not work for a ToolbarItem in Xamarin.Forms
How to put it in the middle of the screen ( over the other controls )
@JamesMontemagno
Жыл бұрын
I would put it in grid and overlay it on top of controls similar to github.com/dotnet-presentations/dotnet-maui-workshop/tree/main/Part%202%20-%20MVVM#build-the-monkeys-user-interface
Great video ! Why not aborting the animation with `rotation` reference?
request you to please make a video about publishing the app. Like publishing the app to the Google Play.
Hello why in my windows 11 don't start android emulator ?
@JamesMontemagno
2 жыл бұрын
I believe based on architecture there were some fixes that were being done to ensure compat. checkout docs.microsoft.com/en-us/answers/questions/634649/android-emulator-not-launching-on-windows-11.html
@resler7ooo118
2 жыл бұрын
@@JamesMontemagno Thank you very much Sir
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?
@JamesMontemagno
2 жыл бұрын
.NET MAUI is the evolution of Xamarin/Xamarin.Forms. Many of the concepts apply and the code is the same and existing apps will be able to upgrade. That is why I mark the videos for both. .NET MAUI will GA later this year.
@johnt6766
2 жыл бұрын
@@JamesMontemagnoMontemagno Understood and you do a great job. The frustration for me is when I have to search for some doc on how to do something and I get hits on Xamarin but nothing on MAUI. So I don't know if I'm building something obsolete from the get go or not.
⭐⭐⭐⭐⭐