QML 实现帧率显示组件

我是唐

已于 2023-12-07 15:04:42 修改

阅读量782

点赞数 1

分类专栏： QML基础教程文章标签：动画

于 2022-06-06 18:48:02 首次发布

本文链接：https://blog.csdn.net/qq_41673920/article/details/125152198

版权

QML基础教程专栏收录该内容

26 篇文章 26 订阅

订阅专栏

该博客介绍了如何在Qt6环境下通过连接QQuickWindow::afterRendering信号来计算并显示界面的刷新率。作者提供了一段QML代码示例，展示了一个定时器在每次渲染后增加计数，每秒更新一次FPS（帧率）的实现过程，帮助开发者调试界面性能。

摘要由CSDN通过智能技术生成

简述

为了调试界面性能，所以需要显示界面刷新率，原理就是利用 QQuickWindow::afterRendering 信号，进行计数。
在这里插入图片描述

代码

WindowFrameRate.qml
此代码基于 Qt 6，注意语法变化

import QtQuick

Item {
    required property Window window

    property real fps: 0

    Connections {
        target: window
        function onAfterRendering() {
            timer.frameCnt++;
        }
    }

    Timer {
        id: timer
        property real frameCnt: 0

        interval: 1000
        running: true
        repeat: true
        onTriggered: {
            fps = frameCnt;
            frameCnt = 0;
        }
    }
}