QtQuick ：仪表控件

最新推荐文章于 2024-11-13 20:38:45 发布

原创

最新推荐文章于 2024-11-13 20:38:45 发布 · 865 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#qt #qml

本文介绍了如何在QtQuick中使用预置的仪表控件Gauge和CircularGauge，通过导入QtQuick.Extras库，简化了自定义仪表组件的过程，节省开发时间。内容包括Gauge的线性显示和CircularGauge的圆形设计，以及它们的使用示例。

以前使用仪表控件都是自己绘制，比较浪费时间。偶然发现Qt已经提供了相关控件，只需在其基础上修改属性即可，非常方便，于是记录之。

Gauge QML Type

线性仪表
Import Statement:import QtQuick.Extras 1.4
Since:Qt 5.5

示意图：
在这里插入图片描述
代码：

import QtQuick 2.0
import QtQuick.Window 2.0
import QtQuick.Extras 1.4
import QtQuick.Controls.Styles 1.4
Window {
   
   
    visible: true
    width: 640
    height: 480
    Rectangle {
   
   
        id: gau
        width: 100
        height: 400
        color: "#4c4c4c"
        anchors{