鸿蒙Harmony应用开发—ArkTS-属性动画

本文介绍了如何在HarmonyOS中通过属性动画实现组件渐变过渡,涵盖APIVersion7和9的新特性,如动画时长、速度、曲线控制等,并提供示例代码。同时提及了与鸿蒙开发相关的各种技术知识点,如ArkTS、多媒体技术、Napi组件等,强调了学习鸿蒙开发的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

组件的某些通用属性变化时,可以通过属性动画实现渐变过渡效果,提升用户体验。支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。布局类改变宽高的动画,内容都是直接到终点状态,例如文字、canvas的内容、linearGradient等,如果要内容跟随宽高变化,可以使用renderFit属性配置。

说明:

从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

animation(value: {duration?: number, tempo?: number, curve?: string | Curve | ICurve, delay?:number, iterations?: number, playMode?: PlayMode, onFinish?: () => void})

从API version 9开始,该接口支持在ArkTS卡片中使用。

参数:

名称 参数类型 必填 描述
duration number 动画时长,单位为毫秒。
默认值:1000
从API version 9开始,该接口支持在ArkTS卡片中使用。
说明:
- 在ArkTS卡片上最大动画持续时间为1000毫秒。
- 设置小于0的值时按0处理。
- 设置浮点型类型的值时,向下取整。例如,设置值为1.2,按照1处理。
tempo number 动画播放速度。数值越大,动画播放速度越快,数值越小,播放速度越慢。
值为0时,表示不存在动画。
默认值:1
说明:
当设置小于0的值时按值为1处理。
curve string | Curve | ICurve9+ 设置动画曲线。
默认值:Curve.EaseInOut
从API version 9开始,该接口支持在ArkTS卡片中使用。
delay number 动画延迟播放时间。单位为毫秒,默认不延时播放。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值