How to design Splash Screen Animated Attractive Landing Screen Animation in xamarin forms. cross platform

Question

I need splash screen animation before entering the main page in android and iOS. but I unable to find this type of animation. tell me anyone knows this means, kindly give me an idea. I attach the below reference. its in developed in native android. how to develop this process in xamarin forms cross-platform(android & iOS).

Reference : https://demonuts.com/splash-screen-animation/

no. i did not know how to integrate this type of animation. – jelin Tirsha Sep 06 '19 at 06:43 — jelin Tirsha, Sep 06 '19 at 06:43

score 1 · Answer 1 · edited Jun 20 '20 at 09:12

You can set the animation on a ContentPage and set it as MainPage firstly to let it looks like an illusory splash screen. Then you can change the MainPage use Timer Task.Delay(1000);

And you can use the library Lottie from Nuget. Lottie is a library, designed for iOS, Android that allows you run animations. These animations are defined in a JSON file, containing all the details of colors, shapes, transforms and more.

Usage

First install the following Nuget package to your native and share projects.

Com.Airbnb.Xamarin.Forms.Lottie

In your native projects, after the Xamarin.Forms.Forms.Init line, add the following, into each project.(AppDelegate.cs in iOS and MainActivity.cs in Android)

AnimationViewRenderer.Init();

In order to show an animation, you first need the after effects JSON file. Put this in your Assets (Android) or Resources (iOS) folder.

<forms:AnimationView x:Name="AnimationView"
                         Animation="LottieLogo1.json"
                         Loop="True"
                         AutoPlay="True"
                         VerticalOptions="FillAndExpand"
                         HorizontalOptions="FillAndExpand" />

There is a sample maybe can help you.

How to design Splash Screen Animated Attractive Landing Screen Animation in xamarin forms. cross platform

1 Answers1

Usage