中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
ArkTS卡片开放了使用动画效果的能力,支持显式动画、属性动画、组件内转场能力。需要注意的是,ArkTS卡片使用动画效果时具有以下限制: 以下示例代码实现了按钮旋转的动画效果:
@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 }) } }
微信扫码分享