Implementing Animation in .NET MAUI: A Step-by-Step Guide

foreign [Music] little bit are different but you can use the all the UI design style of xamarin in the map so uh and all the controls are available uh controls of xamarin are available in dotnet now so I am not giving uh I'm not creating video for all of them if you want to learn about the controls and the UI design you can go through my uh previous videos here I have defined all the uh all the uh videos and uh all the videos you want now controls and the many of the UI designs are available here I have explained uh briefly you can see all the UI designs are here many will be useful of them and you can get code from this block okay you can just use a photo from this block so all the UI will be available here uh so you so I am not creating video for the controls and the UI result but we will learn new UI design in dot net now okay so we will also learn the what is the difference between uh technique what is the defense uh technique of creating between xamarin and Dot net because uh in xamarin there are three projects so all the dependency we have to add but in dotnet now we don't have to add any dependency in multiple projects we have to we have only one project so we will learn that that how how all the things how files are managed uh how fast we have to add in the Android Android uh Android image files and iOS image price in the dotnet now in the one project okay so we will learn today we will learn how to implement animation in dot net okay so for animation I have I am using Lottie uh you can you can search a lot in Google you will get first link Lottie so you can search any animation from here like example progressing process progressing it will it will do many animations uh in there you can use any of them what you what whichever you like okay so if I by taking this you have to use Json file okay so click on download click on this this Json file we downloaded okay or else you can also uh create a new lotifier of your own uh many videos will be available in YouTube how to create a new animation in loading so you can create uh animations by your own and download the Json from it okay so we will use Json to um to uh to show the animation on the page okay for that first of all we have to add a nugget so right click on the project manage nugget so here is only one project so we have to install only this project so uh it is installed in my uh in in my project so it will show this you have to install this one I will show you okay this you have to install and a match sure this should be a check okay if this is unchecked you will not find that package you have to use include release and click on it I am using your preview 59 okay and install this in your project after that you have to just write this write this code okay first of all you have to add namespace for the sky shop here and use this code this is repeat count repeat count is equal to minus 1 means eight week it will repeat Infinity if you write 5 it will repeat for five times if you write 0 then it will repeat for a once then it will stop okay another uh in this now program you have to initialize by using this method dot use Square sharp and you have to use this namespace Sky shop use now dot control dot hosting okay now how to add Json file and where to add just go to Resource raw right click add existing item and the choose and the select that Json file okay so Json file will be added in the row raw Rock folder so this Json file will be used in this ploty View okay so we will run this one it will take a little time so I will come after running okay uh uh you can see that's Lottie animation is added here so in this way you can add loti uh animation and if you uh if you add this control you it can be work on all all of the uh device window machines and Android and the iOS so you have to add only one file in the Raw folder okay so I hope you understand this uh this uh this animation how to implement this animation so please uh click on the like button and please subscribe my channel and please share this video to your friends thank you

Channel: Xamarin UI Designs

Views: 138

Keywords: UIDesign, Design, UI, xamarin, csharp, tutorial, xamarin form, xamarin developer, csharpdeveloper, csharpdotnet, mobile developer, mobile, t mobile, learning

Id: Um2sCZGKMBk

Length: 8min 8sec (488 seconds)

Published: Thu May 18 2023