Implementing Lottie Animation In .NET MAUI

hello guys welcome to my channel in this video I am going to show demo about how you can use Lottie animation in.net here I have created one new project uh you need to install one plugin uh for adding Lottie animation so just right click in your project and click on manage new get packages and search for the this skiassarp.extender.ui.mavi and click on include pre-released so you can see this plugin and install that in your project okay once the installation is done then here in maviprogram.cs just add here use skia Sharp so you can use the control adjust in this Library okay here in a main page the channel I'm just going to add this Library namespace so I can use a control like this in this Library and here I am just going to use skia dot SK Lottery View and here you can just specify the source so for that let me download the icons animation from this website lottifiles.com so here just search for the icon like whatever the icon you want so I'm just going to find any animated icon and just either you can use this directly URL or you can download this uh that Json file so let me just copy this URL and this URL you can just specify here in source here you can specify the repeat count so minus 1 means it's going to repeat this animation in finite time and if you specify any number then it uh it's just going to animate that number of time now let me run the app and let's see let's display this animated icon or not okay so it's a displaying this animation and here if I specify like a repeat count to two and I run the application then it is going to animate it this animation for two times okay so after repeating two times this animation is stopped now another way you can Implement that you just need to download this Json file and add that hi here in a row folder so let me just do that so this animation file I'm just going to add here in row folder that I'm just going to specify here in a source now let me run the application so now this animation will display from this file animation.json file okay so now if displaying animation from this local row folder so that way either you can access from the URL or you can add that Json file in here in row folder and after that you can use like this way okay so that's all for today I hope you like this video and thank you so much for watching

Channel: Programming With Pragnesh

Views: 2,828

Keywords: Lottie Animation In .NET MAUI, .NET MAUI Lottie Animatino, Animation In .NET MAUI, MAUI Animation, .net maui, net maui, maui c#, maui tutorial, maui .net, maui, C# maui, dotnet maui tutorial, blazor tutorial, blazor crud, .net maui app

Id: hLOBbx-ZI-c

Length: 5min 2sec (302 seconds)

Published: Sat Nov 19 2022