HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力

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 })
}
}
相关推荐
23zhgjx-NanKon3 小时前
华为eNSP:端口隔离
网络·华为·智能路由器
helloxmg6 小时前
鸿蒙harmonyos next flutter混合开发之ohos工程 直接引用 flutter_module 源码
flutter·华为·harmonyos
Android技术栈14 小时前
鸿蒙开发(NEXT/API 12)【硬件(取消注册智慧出行连接状态的监听)】车载系统
华为·车载系统·硬件架构·harmonyos·鸿蒙·鸿蒙系统·openharmony
呆萌很14 小时前
HCIP-HarmonyOS Application Developer 习题(四)
华为·harmonyos
Android技术栈16 小时前
鸿蒙开发(NEXT/API 12)【状态查询与订阅】手机侧应用开发
华为·系统架构·harmonyos·鸿蒙·鸿蒙系统·openharmony
Android技术栈18 小时前
鸿蒙开发(NEXT/API 12)【硬件(传感器开发)】传感器服务
华为·硬件架构·harmonyos·鸿蒙·鸿蒙系统·openharmony·传感器
OH五星上将19 小时前
【移植】一种快速移植OpenHarmony Linux内核的方法
linux·运维·驱动开发·嵌入式硬件·harmonyos·openharmony·鸿蒙内核
深海的鲸同学 luvi19 小时前
HarmonyOS/OpenHarmony 如何将rawfile中文件复制到沙箱中
华为·harmonyos·文件操作·解压·h5离线加载·拷贝
helloxmg19 小时前
鸿蒙harmonyos next flutter通信之EventChannel获取ohos系统时间
flutter·华为·harmonyos
90后的晨仔20 小时前
UIAbility、ExtensionAbility、HAP、AbilityStage在运行期和编译器的关系
harmonyos