-
-
Notifications
You must be signed in to change notification settings - Fork 19
Lottie
Michael Gangolf edited this page Apr 28, 2019
·
10 revisions
Name | Parameter | Info | Platforms |
---|---|---|---|
start() | Starts an animation from the beginning | iOS, Android | |
start(int from, int to) | Startframe, Endframe | Plays an animation from frame from to to
|
Android |
pause() | Pause an animation | iOS, Android | |
resume() | Resumes an animation from the current point | iOS, Android | |
stop() | Stops an animation an resets it | iOS, Android | |
addEventListener(String event, Callback function) | Event name as string Callback function |
Adds events to the animation view | iOS, Android |
setFile(String path) | File path as string | Sets the current animation, Files go into app/assets/ (Alloy) | Android |
setText(String layer, String text) | Layer, Text | Sets the text in the layer layer to text
|
Android |
addViewToKeypathLayer(TiUiView view, String layer) | View, Layer | Adds a given Ti.UI.View instance to a layer with the given name | iOS |
convertRectToKeypathLayer() | args | - | iOS |
convertPointToKeypathLayer() | args | - | iOS |
convertRectFromKeypathLayer() | args | - | iOS |
convertPointFromKeypathLayer() | args | - | iOS |
setValueDelegateForKeyPath() | args | - | iOS |
Name | Parameter | Info | Platforms |
---|---|---|---|
progress | float | Get/set the current progress (in percentage) | Android |
loop | boolean | Get/set if the animation should loop | Android |
speed | float | Get/set the speed of the animation | Android |
duration | float | Get/set the duration of the animation | Android |
isPlaying | boolean | Get the animation status | Android |
cache() | boolean | - | iOS |
creation (tss) only:
Name | Parameter | Info | Platforms |
---|---|---|---|
assetFolder | String | If your animation contains images put the folder inside the assetFolder (e.g. images/ and put the image files inside app/assets/images/ ) |
Android |
file | String | JSON file. Files go into app/assets/ (Alloy) | iOS, Android |
loop | boolean | loop the animation | iOS, Android |
autoStart | boolean | automatically start the animation | iOS, Android |
Name | Info | Properties | Platforms |
---|---|---|---|
complete | When the animation is done | Status:int, Loop:boolean | iOS, Android |
update | Fires during the animation | Frame:int, status:int (ANIMATION_START, ANIMATION_END, ANIMATION_CANCEL, ANIMATION_REPEAT, ANIMATION_RUNNING) | Android |
used in setValueDelegateForKeyPath.type
Name | Platforms |
---|---|
CALLBACK_COLOR_VALUE | iOS |
CALLBACK_NUMBER_VALUE | iOS |
CALLBACK_POINT_VALUE | iOS |
CALLBACK_SIZE_VALUE | iOS |
CALLBACK_PATH_VALUE | iOS |
<AnimationView id='view_lottie' module='ti.animation' />
'#view_lottie': {
file: 'data.json',
assetFolder: 'images/', // Android-only
width: Ti.UI.SIZE,
height: Ti.UI.SIZE,
borderColor: '#000',
borderWidth: 1
}
If you scale your view bigger and you have some jagged lines you need to add disableHardwareAcceleration:true
to your tss file. Performance will be slower in most cases but quality is better