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.

LottieAnimationView

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 }
  • Dependencies
    • Tizen 6.5 and Higher
Loading
Next Notification
Submit your feedback to GitHub