Skip to content

Lottie

Category Requires Version
Drawing and Animation API 19, Android 4.4 - 4.4.4 KitKat 2

Overview

A visible component that displays animations from a json or zip file, or from a URL.

Events

Animation End

Triggers when the animation ends.

Animation Repeat

Triggers when the animation repeated.

Animation Start

Triggers when the animation starts.

Click

Triggers when the components was clicked.

Long Click

Triggers when the components was long clicked.

Methods

End Frame

Set the frame where you want the animation to end.

Params
frame Number

Get Current Frame

Returns: Number

Get the frame where the animation is now.

Get Frame Count

Returns: Number

Get the count of frames in the animation.

Is Animating

Returns: Boolean

Check if the Lottie component is animating.

Pause Animation

Pause the animation on the Lottie component.

Resume Animation

Resume the animation on the Lottie component.

Set Current Frame

Set the frame where you want the animation to be now.

Params
frame Number

Start Animation

Start the animation on the Lottie component.

Start Frame

Set the frame where you want the animation to start.

Params
frame Number

Properties

Animation Speed

Number Default: 1 ➖ Read Write - Designer Blocks

Set the speed of the animation.

Clickable

Boolean Default: True ➖ Read Write - Designer Blocks

Set the component clickable or not clickable.

Height

Number ➖ Read Write - Blocks

Specifies the component's vertical height, measured in pixels.

Height Percent

Number ➖ Write - Blocks

Specifies the component's vertical height as a percentageof the height of its parent Component.

Loop Animation

Boolean Default: True ➖ Read Write - Designer Blocks

Set to true if you want to loop the animation.

Source

Text ➖ Read Write - Designer Blocks

Set the file or url of the file you want to load.

Visible

Boolean Default: True ➖ Read Write - Designer Blocks

Returns true iff the component is visible.

Width

Number ➖ Read Write - Blocks

Specifies the component's horizontal width, measured in pixels.

Width Percent

Number ➖ Write - Blocks

Specifies the component's horizontal width as a percentageof the Width of its parent Component.


Last update: January 27, 2020