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

  • @igorkraevskiy1415
    @igorkraevskiy14152 жыл бұрын

    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!

  • @FaheemRasheed
    @FaheemRasheed2 жыл бұрын

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

  • @Ihahachi
    @Ihahachi2 жыл бұрын

    Thank you James, this is awesome animation.

  • @anandshindey
    @anandshindey2 жыл бұрын

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

  • @bomite
    @bomite2 жыл бұрын

    Thanks James!! Nice!

  • @TheRealJacobWurz
    @TheRealJacobWurz11 ай бұрын

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

  • @JamesMontemagno

    @JamesMontemagno

    11 ай бұрын

    Whoa nice! Was it the beginner videos?

  • @TheRealJacobWurz

    @TheRealJacobWurz

    11 ай бұрын

    @@JamesMontemagno Yeah the beginner ones.

  • @sipepguru
    @sipepguru2 жыл бұрын

    Thanks James.

  • @harag9
    @harag9 Жыл бұрын

    Great video, thanks for sharing.

  • @kuzco7061
    @kuzco70612 жыл бұрын

    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 :)

  • @ezzaldeen
    @ezzaldeen2 жыл бұрын

    Awesome is James ☺️

  • @thebebinator
    @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.

  • @ozzietradie6514
    @ozzietradie6514 Жыл бұрын

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

  • @jeanhibbert
    @jeanhibbert2 жыл бұрын

    Nice 😁

  • @Jad.abouzaki
    @Jad.abouzaki2 жыл бұрын

    Thank you

  • @sentrycod2373
    @sentrycod23732 жыл бұрын

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

  • @JamesMontemagno

    @JamesMontemagno

    2 жыл бұрын

    Checkout github.com/jsuarezruiz/Xamanimation as it has some good examples of how to do xaml based animations

  • @pavankalyan6013
    @pavankalyan60132 жыл бұрын

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

  • @kelvinkirwa4887
    @kelvinkirwa488711 ай бұрын

    hello , i tried this , thanks for that . Sth however didnt work for me , animating items in a collection view , how is that possible ?

  • @fawin123
    @fawin123 Жыл бұрын

    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?

  • @shahanahmed9444
    @shahanahmed94442 жыл бұрын

    This will work from View model?

  • @pbreslinltd
    @pbreslinltd2 жыл бұрын

    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

    @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.

  • @DrZupan
    @DrZupan11 ай бұрын

    what about animation of width and height?

  • @hryhoriishkliaruk9499
    @hryhoriishkliaruk9499 Жыл бұрын

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

  • @jeffsiemens4485
    @jeffsiemens44852 жыл бұрын

    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.

  • @jhanifkara8552
    @jhanifkara85522 жыл бұрын

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

  • @JamesMontemagno

    @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

    @maxikraxi1234

    2 жыл бұрын

    @@JamesMontemagno + it takes you only 5 minutes to include any iconset

  • @jhanifkara8552

    @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

  • @lednirvana
    @lednirvana2 жыл бұрын

    Nice video ! Hey James, can you create a marquee animation with xamarin ? :P

  • @JamesMontemagno

    @JamesMontemagno

    2 жыл бұрын

    You could do a translate on the y axis

  • @Coffeecupdev
    @Coffeecupdev2 жыл бұрын

    Is Hot Reload not available for .Net Maui?

  • @JamesMontemagno

    @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

    @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.

  • @funditaucher7020
    @funditaucher70202 жыл бұрын

    Sadly this does not work for a ToolbarItem in Xamarin.Forms

  • @GIMMY2K1
    @GIMMY2K1 Жыл бұрын

    How to put it in the middle of the screen ( over the other controls )

  • @JamesMontemagno

    @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

  • @sinsedrix
    @sinsedrix2 жыл бұрын

    Great video ! Why not aborting the animation with `rotation` reference?

  • @FaheemRasheed
    @FaheemRasheed2 жыл бұрын

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

  • @resler7ooo118
    @resler7ooo1182 жыл бұрын

    Hello why in my windows 11 don't start android emulator ?

  • @JamesMontemagno

    @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

    @resler7ooo118

    2 жыл бұрын

    @@JamesMontemagno Thank you very much Sir

  • @johnt6766
    @johnt67662 жыл бұрын

    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

    @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

    @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.

  • @williamprogramer4168
    @williamprogramer41682 жыл бұрын

    ⭐⭐⭐⭐⭐

Келесі