鸿蒙NEXT版实战开发：应用帧率如何监控，运行时如何获取应用的帧率、渲染帧的耗时？

往期鸿蒙全套实战文章必看：（附带鸿蒙全栈学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

应用帧率如何监控，运行时如何获取应用的帧率、渲染帧的耗时

没有提供获取实时帧率的直接接口，只能获取单帧到达时间，可以通过间隔两次的到达时间自行计算，计算方式以及使用方法如下。

参考代码如下：

import { displaySync } from '@kit.ArkGraphics2D'; 
 
@Entry 
@Component 
struct Index { 
  @State backDisplaySync: displaySync.DisplaySync = displaySync.create(); 
  private passframeInfo: Array<displaySync.IntervalInfo> = [] 
  @State fps: number = 0 
 
  aboutToAppear(): void { 
    let callback = (frameInfo: displaySync.IntervalInfo) => { 
      this.passframeInfo.push(frameInfo); 
      if (this.passframeInfo.length >= 2) { 
        let tmp = this.passframeInfo[1].timestamp - this.passframeInfo[0].timestamp; 
        let result = 1000000000 / Number.parseInt(tmp.toString()); 
        this.fps = result; 
        this.passframeInfo.shift(); 
      } 
    }; 
    // 注册订阅函数 
    this.backDisplaySync?.on("frame", callback); 
  } 
 
  build() { 
    Column() { 
      Row() { 
        Text('Start') 
          .fontSize(50) 
          .onClick(() => [ 
            this.backDisplaySync?.start() 
          ]) 
      } 
 
      Row() { 
        Text(this.fps.toString()) 
          .fontSize(50) 
      } 
 
      Row() { 
        Text('End') 
          .fontSize(50) 
          .onClick(() => [ 
            this.backDisplaySync?.stop() 
          ]) 
      } 
    } 
    .justifyContent(FlexAlign.Center) 
    .width('100%') 
    .height('100%') 
  } 
}

​