鸿蒙开发之帧动画ImageAnimator

Lu_Ca

已于 2024-01-18 14:30:32 修改

阅读量1k

点赞数

分类专栏：鸿蒙开发文章标签： harmonyos 华为鸿蒙

于 2024-01-18 14:20:05 首次发布

本文链接：https://blog.youkuaiyun.com/Lu_Ca/article/details/135673301

版权

本文详细介绍了如何在鸿蒙框架中使用ImageAnimator组件创建帧动画，包括设置动画数组、图片尺寸、时长、动画状态以及回调函数的使用。特别提到了当图片大小不一致且间隔时间不同时的处理方法。

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

鸿蒙帧动画需要借助组件ImageAnimator。使用的时候想要让动画动起来需要设置state为AnimationStatus.Running

@Entry
@Component
struct OfficialImageAnimatorPage {
  build() {
      Column() {
        ImageAnimator()
          //动画数组
          .images([
            {src:$r('app.media.icon')},
            {src:$rawfile('111.png')},
            {src:$rawfile('222.png')},
            {src:$rawfile('333.png')},
          ])
          //动画时长
          .duration(2000)
          .margin({top:30})
          .backgroundColor(Color.Green)
          //开始
          .state(AnimationStatus.Running)
          //正序还是倒序
          .reverse(false)
          .fillMode(FillMode.Forwards)
          //重复次数，-1为无限
          .iterations(-1)
          .width(340)
          .height(240)
          //动画开始回调函数
          .onStart(() &#