Lottie¶
| Category | Requires | Version |
|---|---|---|
| Drawing and Animation | API 21, Android 5.0 Lollipop | 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.