OpenHarmony动画支持哪些类型

在 OpenHarmony（ArkUI） 中，动画支持的类型主要可以从使用方式和动画效果类型两个维度来理解。

一、按使用方式分类（开发接口层面）

1. 属性动画（Animation）

最常见、最基础的动画方式，通过修改组件的属性实现动画效果。

支持的常见属性：

• 位置（x / y / offset）
• 尺寸（width / height）
• 透明度（opacity）
• 旋转（rotate）
• 缩放（scale）
• 背景色（backgroundColor）

示例：

Button('点击')
  .onClick(() => {
    animateTo({ duration: 1000 }, () => {
      this.opacityValue = 0.2
    })
  })

2. 显式动画（animateTo）

通过 animateTo 或 Animation 显式控制动画过程。

特点：

• 精确控制动画时长、曲线
• 适合状态切换动画

3. 隐式动画（声明式动画）

通过组件状态变化自动触发动画。

例如：

• @State 变量变化
• 使用 transition 实现组件出现 / 消失动画

4. 转场动画（Transition）

用于组件出现、消失、页面切换的动画。

常见类型：

• 进入动画（appear）
• 退出动画（disappear）
• 页面路由转场

示例：

Image('test.png')
  .transition({ type: TransitionType.Insert, opacity: 0 })

5. 粒子动画（Particle Animation）

用于复杂视觉效果（如雪花、烟花、火焰）。

特点：

• 性能较高
• 常用于游戏或特效场景

6. 物理动画（Spring / Friction）

基于物理模型的动画：

• 弹性动画（Spring）
• 摩擦动画（Friction）

示例：

springAnimation()

二、按动画效果类型分类（视觉表现）

1. 位移动画

• 移动组件位置
• 支持 x / y / translate

2. 缩放动画（Scale）

• 放大 / 缩小

3. 旋转动画（Rotate）

• 2D / 3D 旋转

4. 透明度动画（Opacity）

• 淡入 / 淡出

5. 颜色动画

• 背景色 / 字体色渐变

6. 组合动画

• 多种动画同时或顺序执行
• 支持动画链（Animation Chain）

三、按运行层级分类

四、常见动画曲线（Curve）

OpenHarmony 支持多种插值曲线：

• Linear（线性）
• Ease
• EaseIn / EaseOut
• Spring（弹性）
• Custom（自定义）

如果你需要，我也可以：

• 给你 ArkTS 动画示例代码
• 对比 OpenHarmony vs Android 动画
• 讲 性能优化建议

你更想了解哪一种？