Hey Gerald, thanks for the video :) After playing around with Lottie today I have little update: With the current version (4.0.8) it's now enough to just add it to your Xamarin.Forms project without the need to add something to your android project specifically. It's now also possible to use the .json files from the XF project by adding it as EmbeddedResource and setting your AnimationView's AnimationSource to EmbeddedResource as well. Side note: I had to set AnimationView.ImageAssetsFolder to some value (e.g. "images") to get android to work
Great new information! Thank you so much for letting me know! I'll pin this comment so other people will find it easier :) Hope your app is looking awesome now with all these animations!
Thank u, this comment was helpful to resolve an issue with my app that wasn't playing the animation with version 4.0.9, I solved it changing to EmbeddedResource and using this: Animation="resource://animation.json?assembly=MyApp" now it works correctly.
WOWOWOWOW thanks for this man!, very helpful, i'm new in xamarin forms and this is what my app is lacking. thanks for this quick tutorial. Maybe you could discuss push notifications next if possible?. hihihi
Thank you! Glad you like it! Push notifications is a good one but also a tough topic 😄 what would you like to see? Full end to end from implementing it you the devices to sending one on the server-side?
In Core project. Create Resources folder, add work.json, set to embedded resource. In xaml "Resources.work.json" and it works without needing it in the ios or android project!
Our customers really like Lottie animations. Developers can use it in very simple way and there are lot of free samples of json in the internet. And maybe for the future you can show some interesting samples with XF build-in animations🧐. Thank you for the video☺️
What are places where you typically use these animations? When loading? Or maybe when a screen has no database results? I will definitely be adding more scenarios!
Gerald Versluis yes, when loading - the most popular case, when popups appear, at the first welcome screen, when the app lost internet connection, list/collection view empty state, tap on some buttons ....etc
Not unless you fake the splash screen which means you get past the real splash screen as soon as possible and then add a page that looks like a splash screen and does the animation but it’s actually a page in your app and when the animation is done it takes you to the first page
Dear Gerald,I am using shell(with fly out menu) framework I know to add content (label/image view ...) in Xamarin.IOS ' "LaunchScreen.storyboard" to customize my splash screen But in Xamarin.Drid project,I can't see the layout file (even the "layout folder" )for MainActivity How can I customize my xamarin.from Droid MainActivity splash screen ? Thanks million
Dear sir Gerald , I've been trying to do this in xamarin forms but when i compile in Android I can't see the lottie animation, In IOS everything works fine. Any suggestions?
@@jfversluis I was checking the Lottie's android documentation github.com/Baseflow/LottieXamarin/blob/master/Samples/Forms/Example.Forms.Droid/MainActivity.cs sees like they are not using init any more, I'm also using Lottie.Android and Android asset as build action,
![Xamarin Forms Lottie Animation [Tutorial 55]](/img/n.gif)
Hey Gerald, thanks for the video :)
After playing around with Lottie today I have little update:
With the current version (4.0.8) it's now enough to just add it to your Xamarin.Forms project without the need to add something to your android project specifically. It's now also possible to use the .json files from the XF project by adding it as EmbeddedResource and setting your AnimationView's AnimationSource to EmbeddedResource as well.
Side note: I had to set AnimationView.ImageAssetsFolder to some value (e.g. "images") to get android to work
Great new information! Thank you so much for letting me know! I'll pin this comment so other people will find it easier :)
Hope your app is looking awesome now with all these animations!
Thank u, this comment was helpful to resolve an issue with my app that wasn't playing the animation with version 4.0.9, I solved it changing to EmbeddedResource and using this: Animation="resource://animation.json?assembly=MyApp" now it works correctly.
Glad you found the solution!
Thanks, it helped a lot. Implemented in 5 minutes.
That is amazing! Well done!
WOWOWOWOW thanks for this man!, very helpful, i'm new in xamarin forms and this is what my app is lacking. thanks for this quick tutorial. Maybe you could discuss push notifications next if possible?. hihihi
Thank you! Glad you like it! Push notifications is a good one but also a tough topic 😄 what would you like to see? Full end to end from implementing it you the devices to sending one on the server-side?
@@jfversluis YEAAHHHHH!!!! hahaha
Hm I’ll think about it! I have some blog posts about it in blog.verslu.is. They’re a bit older but hopefully should get you started
@@jfversluis this is noted, will browse it immediately... :)
Are you using animations in your app today? With Lottie or maybe with the built-in animation support from Xamarin.Forms? How do you use them?
In Core project. Create Resources folder, add work.json, set to embedded resource. In xaml "Resources.work.json" and it works without needing it in the ios or android project!
Very nice! Thanks for sharing!
Our customers really like Lottie animations. Developers can use it in very simple way and there are lot of free samples of json in the internet. And maybe for the future you can show some interesting samples with XF build-in animations🧐. Thank you for the video☺️
What are places where you typically use these animations? When loading? Or maybe when a screen has no database results?
I will definitely be adding more scenarios!
Gerald Versluis yes, when loading - the most popular case, when popups appear, at the first welcome screen, when the app lost internet connection, list/collection view empty state, tap on some buttons ....etc
Oooh yeah for onboarding screens they are perfect as well!
Very good library
It definitely is! Helps me cover up my sucky designer skills 😅
@@jfversluis I would like to make a custom loader with Lottie...any suggestions or other best practices ?
Is it possible to use Lottie, or is there some other way to add an animation to the XF splash screens? Particularly for iOS.
Not unless you fake the splash screen which means you get past the real splash screen as soon as possible and then add a page that looks like a splash screen and does the animation but it’s actually a page in your app and when the animation is done it takes you to the first page
Dear Gerald,I am using shell(with fly out menu) framework
I know to add content (label/image view ...) in Xamarin.IOS ' "LaunchScreen.storyboard" to customize my splash screen
But in Xamarin.Drid project,I can't see the layout file (even the "layout folder" )for MainActivity
How can I customize my xamarin.from Droid MainActivity splash screen ?
Thanks million
Maybe this helps: docs.microsoft.com/xamarin/xamarin-forms/user-interface/splashscreen
awsome!
Thanks!
Dear sir Gerald , I've been trying to do this in xamarin forms but when i compile in Android I can't see the lottie animation, In IOS everything works fine. Any suggestions?
Does the json file have the right build action? Did you do all the necessary initialization (lines of code) for Android?
@@jfversluis I was checking the Lottie's android documentation github.com/Baseflow/LottieXamarin/blob/master/Samples/Forms/Example.Forms.Droid/MainActivity.cs sees like they are not using init any more, I'm also using Lottie.Android and Android asset as build action,
It seems there have been some updates since then indeed