EvokerAnimation.step
表示一组动画完成，可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下一组动画。
默认情况下的参数使用 ek.createAnimation 的 options。
参数
| 参数 | 类型 | 默认值 | 必填 | 说明 | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| duration | number | 400 | 否 | 动画持续时间，单位 ms | |||||||||||||||||
| timingFunction | string | linear | 否 | 动画的效果 | |||||||||||||||||
| |||||||||||||||||||||
| delay | number | 0 | 否 | 动画延迟时间，单位 ms | |||||||||||||||||
| transformOrigin | string | 50% 50% 0 | 否 | 语法 | |||||||||||||||||
返回值
Example
vue
<template>
<view :animation="animData">box</view>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue'
const animData = ref(null)
const anim = ek.createAnimation({ duration: 500 })
onMounted(() => {
setTimeout(() => {
animData.value = anim
.rotate(45)
.step({ duration: 1000 })
.export()
}, 1000)
})
</script>