LottieAnimationView

LottieAnimationView is a common component that is used to show a vector animation. It parses the Adobe After Effects® animations exported as JSON with Bodymovin and renders them.

Create with property

To create a LottieAnimationView using property, follow these steps:

1. Create LottieAnimationView using the default constructor:

   
                   
   groovy
                   
   
                       
   Copy
                       
   
                   
               
   <base:LottieAnimationView x:Name="lottie"/>
   

2. Set the properties:

   
                   
   routeros
                   
   
                       
   Copy
                       
   
                   
               
   <base:LottieAnimationView x:Name="lottie" 
   LoopCount="3" 
   WidthSpecification="100"
   HeightSpecification="108"
   URL="myLottie.json"
   StopBegavior="CurrentFrame"
   CurrentFrame="20"
   />
   

Control animation playback

After the view is created, you can control its playback:

                
C#
                

                    
Copy
                    

                
            
lottie.Play();
lottie.Pause();
lottie.Stop();

Handle events

You can receive an event when the animation finishes:

                
routeros
                

                    
Copy
                    

                
            
<base:LottieAnimationView x:Name="lottie" Finished="OnAnimationFinished"/>

                
C#
                

                    
Copy
                    

                
            
private void OnAnimationFinished(object sender, EventArgs e)
{
  // Do something
}

Related information

• Dependencies
  • Tizen 6.5 and Higher