Lottie
注意: lottie 暂时只支持 json 格式动画文件。
注意:监听事件需要 animationListenerState="true"
注意:d05079474695b25d2078.json 文件的路径问题
- 示例中代码路径:
d05079474695b25d2078.json
文件路径为ProjectPath/src/assets/d05079474695b25d2078.json
。 - 打包 rpk 路径为:
/android/assets/d05079474695b25d2078.json
。 - 运行时存储路径: AppRuntimePath +
/assets/d05079474695b25d2078.json
,使用es.getESAppRuntimePath()
获取运行时路径。
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 |