Lottie - m1ga/ti.animation GitHub Wiki

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

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

Events:

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

iOS Constants

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

Alloy example

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

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