Lottie
Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接运用在 iOS、Android、Web 和 React Native之上，无需其他额外操作。
注意： QuickTVUI lottie 暂时只支持 json 格式动画文件。
API
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| rawResource | string | - | |
| fileName | string | - | |
| localResource | string | - | |
| url | string | - | |
| fallbackResource | string | - | |
| autoPlay | boolean | - | |
| loop | boolean | - | |
| repeatMode | number | - | |
| repeatCount | number | 0 | |
| speed | string | - | |
| clipToCompositionBounds | boolean | false | |
| defaultFontFileExtension | string | - | |
| imageAssetsFolder | string | - | |
| progress | string | - | |
| enableMergePathsForKitKatAndAbove | boolean | false | |
| colorFilter | string | - | |
| renderMode | number | 0 | |
| asyncUpdates | number | 0 | |
| ignoreDisabledSystemAnimations | boolean | false | |
| useCompositionFrameRate | boolean | false | |
| cacheComposition | boolean | false | |
| animationListenerState | boolean | false | |
| animationUpdateState | boolean | false |
Events
| Name | Description | Type |
|---|---|---|
| onAnimationEnd | 动画结束事件 | Function |
| onAnimationCancel | 动画取消事件 | Function |
| onAnimationStart | 动画开始事件 | Function |
| onAnimationRepeat | 动画重复执行事件 | Function |
| onAnimationPause | 动画暂停事件 | Function |
| onAnimationResume | 动画恢复事件 | Function |
| onAnimationUpdate | 动画更新事件 | Function |
Slots
| Name | Description |
|---|---|
| default | 自定义默认内容 |
Exposes
| Name | Description | Type |
|---|---|---|
| loadRaw | Function | |
| loadFile | Function | |
| loadUrl | Function | |
| loadCacheUrl | Function | |
| setFallbackResource | Function | |
| setAutoPlay | Function | |
| setLottieLoop | Function | |
| setRepeatMode | Function | |
| setRepeatCount | Function | |
| setSpeed | Function | |
| setClipToCompositionBounds | Function | |
| setDefaultFontFileExtension | Function | |
| setImageAssetsFolder | Function | |
| setProgress | Function | |
| enableMergePathsForKitKatAndAbove | Function | |
| setColorFilter | Function | |
| setRenderMode | Function | |
| setAsyncUpdate | Function | |
| setIgnoreDisabledSystemAnimations | Function | |
| setUseCompositionFrameRate | Function | |
| playAnimation | Function | |
| resumeAnimation | Function | |
| pauseAnimation | Function | |
| cancelAnimation | Function | |
| cacheComposition | Function | |
| removeAllListener | Function |