鸿蒙HarmonyOS开发（5.0 Beta）应用onFrame逐帧回调方式

派大星、来咯

于 2024-09-08 19:50:43 发布

阅读量1.1k

点赞数 20

CC 4.0 BY-SA版权

分类专栏： OpenHarmony 鸿蒙开发 HarmonyOS 文章标签：前端鸿蒙华为 harmonyos 鸿蒙系统开发语言 android

本文链接：https://blog.csdn.net/yguyf1235/article/details/142031822

通过返回应用onFrame逐帧回调的方式，让开发者在应用侧的每一帧都可以设置属性值，从而实现设置了该属性值对应组件的动画效果。

使用animator实现动画效果

使用如下步骤可以创建一个简单的animator，并且在每个帧回调中打印当前插值。

引入相关依赖。

import {Animator as animator, AnimatorOptions, AnimatorResult  } from '@kit.ArkUI';

创建执行动画的对象。

// 创建动画的初始参数
let options: AnimatorOptions = {                        
   duration: 1500,                               
   easing: "friction",                        
   delay: 0,                           
   fill: "forwards",                                  
   direction: "normal",                                  
   iterations: 2,                                        
   // 动画onFrame 插值首帧值                                    
   begin: 200.0,                                         
   // 动画onFrame 插值尾帧值                                    
   end: 400.0                                            
}; 
let result: AnimatorResult = animator.create(options);
   // 设置接收到帧时回调，动画播放过程中每帧会调用onFrame回调
    result.onFrame = (value: number) => {
    console.log("current value is :" + value);
}