构建第一个ArkTS应用之@卡片使用动效能力

本文主要是介绍构建第一个ArkTS应用之@卡片使用动效能力，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

ArkTS卡片开放了使用动画效果的能力，支持显式动画、属性动画、组件内转场能力。需要注意的是，ArkTS卡片使用动画效果时具有以下限制：

表1 动效参数限制

名称	参数说明	限制描述
duration	动画播放时长	限制最长的动效播放时长为1秒，当设置大于1秒的时间时，动效时长仍为1秒。
tempo	动画播放速度	卡片中禁止设置此参数，使用默认值1。
delay	动画延迟执行的时长	卡片中禁止设置此参数，使用默认值0。
iterations	动画播放次数	卡片中禁止设置此参数，使用默认值1。

以下示例代码实现了按钮旋转的动画效果：

@Entry
@Component
struct AttrAnimationExample {@State rotateAngle: number = 0;build() {Column() {Button('change rotate angle').onClick(() => {this.rotateAngle = 90;}).margin(50).rotate({ angle: this.rotateAngle }).animation({curve: Curve.EaseOut,playMode: PlayMode.AlternateReverse})}.width('100%').margin({ top: 20 })}
}

这篇关于构建第一个ArkTS应用之@卡片使用动效能力的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---