Skip to content
Hans Knöchel edited this page Sep 9, 2017 · 10 revisions

Methods:

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

Properties:

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

Events:

Name Info Platforms
complete When the animation is done iOS, Android
update Fires during the animation Android

Alloy example

<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
}

Issue

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

Clone this wiki locally