一、了解属性动画

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

二、使用的函数

        ** animationStart(AnimateParam)

public func animationStart(animation: AnimateParam): This

        设置动画效果,参数名animation,参数类型AnimateParam

        **animationEnd()

public func animationEnd(): This

        设置动画结束。

        ******animationStart 需要和 animationEnd 配合使用。animationStart作为组件的第一个属性被调用,animationEnd作为最后一个属性被调用。

三、案例:实现基本动画效果

        1、平移、旋转动画

        视图效果:

    

        2、不透明度、缩放动画

        视图效果:

      

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐