鸿蒙开发之动画

一、概述

鸿蒙开发中动画按照基础能力分，可以分成三种：属性动画、显示动画、转场动画。

使用属性动画产生布局更新动画 显式动画(animateTo）和属性动画(animation）是ArkUI提供的最基础和常用的动画功能。在布局属性（如尺寸属性、位置属性）发生变化时，可以通过属性动画或显式动画，按照动画参数过渡到新的布局参数状态。

二、缩放动画

animateTo({
              duration:2000, //动画时长
              curve:Curve.Linear, //动画匀速
              iterations:3, //动画次数
              delay:1000, //延时时间执行
              playMode:PlayMode.Alternate, //来回交替
              onFinish: () => { //动画完成的回调
                this.message = '动画完成'
              }

            },() => {
              //想要执行的动画效果
              this.textWidth = 360;
              this.textHeight = 120
            })

我们使用了动画来设置Text的宽度和高度属性，就达到了这个效果。

三、平移动画

同理，我们可以通过设置Column的交叉轴的方向来达到平移动