Drawing and Animation

Drawing and Animation Components" typically refer to software libraries or frameworks that provide tools and functionalities for creating graphical content, illustrations, and animations in applications. These components are essential for developers who want to enhance the visual appeal and interactivity of their software.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 2.0.0
  •  API 21, Android 5.0 Lollipop
  •  29 Blocks Available

Lottie

The Lottie component is used to display Lottie animations in your app. It provides methods to control the animation playback, set properties, and handle events related to the animation.

Overview

A visible component that displays Lottie animations.

Events

Image Description
Events

AnimationCancel

  • Triggered when the Lottie animation is cancelled.

    • # Name Type(s) Default Value
    Image Description
    Events

    AnimationEnd

  • Triggered when the Lottie animation ends playing.

    • # Name Type(s) Default Value
    Image Description
    Events

    AnimationRepeat

  • Triggered when the Lottie animation repeats.

    • # Name Type(s) Default Value
    Image Description
    Events

    AnimationStart

  • Triggered when the Lottie animation starts playing.

    • # Name Type(s) Default Value
    Image Description
    Events

    Clicked

  • Triggered when the component is clicked.

    • # Name Type(s) Default Value
    Image Description
    Events

    LongClick

  • Triggered when the component is long clicked.

    • Methods

    Image Description
    Methods

    IsAnimating

  • Returns true if the animation is currently playing.

    • Image Description
    Methods

    PauseAnimation

  • Pauses the Lottie animation.

    • Image Description
    Methods

    ResumeAnimation

  • Resumes the Lottie animation.

    • Image Description
    Methods

    StartAnimation

  • Starts the Lottie animation.

    • Image Description
    Methods

    SetMargin

  • Sets the margin around the Lottie component.

    • # Name Type(s) Default Value
    1 left Integer 5
    2 right Integer 5
    3 top Integer 5
    4 bottom Integer 5
    Image Description
    Methods

    SetPadding

  • Sets the padding of the Lottie.

    • # Name Type(s) Default Value
    1 left Integer 5
    2 right Integer 5
    3 top Integer 5
    4 bottom Integer 5

    Properties

    Image Description
    Image Description
    Properties

    AnimationSpeed

  • Gets the animation speed.

  • Sets the animation speed.

    • # Name Type(s) Default Value
    1 AnimationSpeed number
    2 AnimationSpeed number 1
    Image Description
    Image Description
    Properties

    Clickable

  • Gets whether the component is clickable.

  • Sets whether the component is clickable.

    • # Name Type(s) Default Value
    1 Clickable boolean
    2 Clickable boolean True
    Image Description
    Image Description
    Properties

    Height

  • Gets the height of the Lottie animation.

  • Sets the height of the Lottie animation.

    • # Name Type(s) Default Value
    1 Height number
    2 Height number Automatic
    Image Description
    Image Description
    Properties

    HeightPercent

  • Sets the height of the Lottie component as a percentage of its parent's height.

  • Sets the width of the Lottie component as a percentage of its parent's width.

    • # Name Type(s) Default Value
    1 HeightPercent number
    2 WidthPercent number
    Image Description
    Image Description
    Properties

    Loop

  • Gets whether the animation should loop.


  • Sets whether the animation should loop.

    • # Name Type(s) Default Value
    1 Loop boolean
    2 Loop boolean True
    Image Description
    Image Description
    Properties

    RepeatCount

  • Gets how many times the animation should repeat.


  • Sets how many times the animation should repeat. A value of -1 will cause the animation to loop infinitely.

    • # Name Type(s) Default Value
    1 Repeat Count number
    2 Repeat Count number -1