-
-
Notifications
You must be signed in to change notification settings - Fork 19
Lottie
Hans Knöchel edited this page Sep 9, 2017
·
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 |
addViewToLayer(TiUiView view, String layer) | View, Layer | Adds a given Ti.UI.View instance to a layer with the given name | 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 |
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 | Platforms |
---|---|---|
complete | When the animation is done | iOS, Android |
update | Fires during the animation | Android |
<LottieView 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