提供帧动画的组件

提供帧动画的组件是ImageAnimator

属性

images中放入图片，导入图片使用src

state用于定义初始状态，默认为AnimationStatus.Initial

reverse定义播放顺序，默认false顺序播放

duration定义播放时间，默认值1000

iterations设置播放次数，默认值1，播放一次，-1播放无数次

定义属性时初始值在开头用@State定义，方便更改。例：

Button('start').width(100).padding(5).onClick(() => {
  this.state = AnimationStatus.Running
}).margin(5)
Button('pause').width(100).padding(5).onClick(() => {
  this.state = AnimationStatus.Paused // 显示当前帧图片
}).margin(5)
Button('stop').width(100).padding(5).onClick(() => {
  this.state = AnimationStatus.Stopped // 显示动画的起始帧图片
}).margin(5)

事件

onStart：状态回调，动画开始播放时触发。

onPause：状态回调，动画暂停播放时触发。

onRepeat：状态回调，动画重复播放时触发。

onCancel：状态回调，动画取消播放时触发。

onFinish：状态回调，动画播放完成时触发。

.onStart(() => {
  console.info('Start')
})
.onPause(() => {
  console.info('Pause')
})
.onRepeat(() => {
  console.info('Repeat')
})
.onCancel(() => {
  console.info('Cancel')
})
.onFinish(() => {
  console.info('Finish')
  this.state = AnimationStatus.Stopped
})

图片