Qt 仪表盘源码分享

news2025/7/22 16:25:52

Qt 仪表盘源码分享

  • 一、效果展示
  • 二、优点
  • 三、源码分享
  • 四、使用方法

一、效果展示

在这里插入图片描述

二、优点

  1. 直观性

    • 数据以图表或数字形式展示，一目了然。
    • 用户可以快速获取关键信息，无需深入阅读大量文字。

  2. 实时性

    • 仪表盘通常支持实时更新，确保数据的时效性。
    • 有助于及时发现和解决问题，提高决策效率。

  3. 可定制性

    • 用户可以根据需要选择显示哪些指标和数据。
    • 支持个性化设置，满足不同用户的特定需求。

  4. 易用性

    • 界面设计友好，操作简单。
    • 即使是技术背景不强的用户也能轻松上手。

  5. 多维度分析

    • 可以同时展示多个维度的数据，便于综合分析。
    • 提供多种视图和过滤选项，帮助用户从不同角度理解数据。

  6. 可视化效果

    • 利用图表、颜色等视觉元素，增强数据的表现力。
    • 帮助用户更直观地识别趋势和异常。

三、源码分享

dashboardWidget.h

#ifndef DASHBOARD_H
#define DASHBOARD_H

#include <QWidget>
#include <QPainter>
#include <QFontMetricsF>

class DashboardWidget : public QWidget
{
    Q_OBJECT
public:
    explicit DashboardWidget(QWidget *parent = nullptr);

    void paintEvent(QPaintEvent *evt);
    void setCurrentValue(float value)
    {
        this->currentValue = value;
        this->update();
    }
    float getCurrentValue()
    {
        return this->currentValue;
    }
    void setRange(int min,int max)
    {
        this->minVal = min;
        this->maxValue = max;
        update();
    }
    void setRedScale(int value)
    {
        this->redScale = value;
    }
    void setUnit(QString value)
    {
        this->unit = value;
    }


private:
    void drawBg(QPainter *painter);
    void drawDial(QPainter *painter);
    void drawScaleNum(QPainter *painter);
    void drawIndicator(QPainter *painter);
    void drawText(QPainter *painter);
signals:

private:
    int radius;     //半径
    int startAngle;     //表盘起始角度
    int minVal,maxValue;//表盘数字起始值和结束值
    int redScale;//红色刻度开始值
    float currentValue;  //当前值
    QString unit;

};

#endif // DASHBOARD_H

dashboardWidget.cpp

#include "dashboardWidget.h"

DashboardWidget::DashboardWidget(QWidget *parent)
    : QWidget{parent}
{
    setAttribute(Qt::WA_TranslucentBackground, true);
    this->setStyleSheet("background-color: rgba(255, 255, 255, 0);");
    radius = 100;
    startAngle = 45;
    currentValue = 0;
    minVal = 0;
    maxValue = 100;
    redScale = 80;
    unit = nullptr;
}

void DashboardWidget::paintEvent(QPaintEvent *evt)
{
    Q_UNUSED(evt);
    int width = this->width();
    int height = this->height();

    //绘制准备工作,启用反锯齿,平移坐标轴中心,等比例缩放
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.translate(width / 2, height / 2);

    int side = qMin(width, height);
    painter.scale(side / 200.0, side / 200.0);


    //绘制最外框圆形背景
    drawBg(&painter);
     //绘制刻度
     drawDial(&painter);
     //绘制刻度数值
     drawScaleNum(&painter);
     //绘制指针
     drawIndicator(&painter);
     //绘制表盘上文本当前值
     drawText(&painter);


}

void DashboardWidget::drawBg(QPainter *painter)
{
    int r = radius;
    painter->save();
    painter->setPen(Qt::NoPen);
    painter->setBrush(QColor(172, 172, 172));
    painter->drawEllipse(-r, -r, r * 2, r * 2);

    r =  radius * 0.9;
    painter->setBrush(QColor(40, 40, 40));
    painter->setPen(Qt::NoPen);
    painter->drawEllipse(-r, -r, r * 2, r * 2);
    painter->restore();

}

void DashboardWidget::drawDial(QPainter *painter)
{
    int r = radius*0.85;
    double lineWidth = 1;
    painter->save();

    painter->rotate(startAngle);
    /*
    为什么旋转？
    如果不旋转画笔的坐标轴，那么每次画的时候需要按照角度来重新计算，x=r*cos,y=r*sin. 计算复杂
    但是如果旋转坐标轴，那么首次旋转angle角度，则y轴和第一条斜线重合，x=0，只需要计算y。
    画100条线，就是分100份来表示进度。每次旋转的角度=360-(起始角度*2--分左右)/100
    */
    double rotate = (double)(360 - (startAngle * 2)) / 100;
    int valTotal = abs(minVal)+abs(maxValue);
    float valToAngle = (float)valTotal/100;

    for (int i = 0; i <= 100; i++) {
        QColor color = QColor(84, 84, 84);
        float redScaleStartVal = this->minVal+i*valToAngle;
        if(redScaleStartVal>=this->redScale) color = QColor(250, 0, 0);
        if((i % 10) == 0)
        {
            painter->setPen(QPen(color, 1.3*lineWidth));
            painter->drawLine(0, r, 0, r / 1.2);
        }
        else if((i % 2) == 0)
        {
            painter->setPen(QPen(color, 1*lineWidth));
            painter->drawLine(0, r, 0, r / 1.1);
        }
        painter->rotate(rotate);
    }

    painter->restore();

}

void DashboardWidget::drawScaleNum(QPainter *painter)
{
    painter->save();

    int r = (int)(radius*0.6);

    painter->setFont(QFont("Arial", 10));
    painter->setPen(QPen(QColor(255,255,255)));
    QFontMetricsF fm = QFontMetricsF(painter->font());

    int gap = (360-startAngle*2) / 10;

    int valGap = abs(minVal)+abs(maxValue);
    valGap/=10;

    int refreshVal = minVal;
    for(int i=0; i<=10; i+=1)
    {
        int angle = 90+startAngle+gap*i;  //角度,10格子画一个刻度值

        float angleArc =( angle % 360) * 3.14 / 180; //转换为弧度
        int x = (r)*cos(angleArc);
        int y = (r)*sin(angleArc);

        QString value = QString::number(refreshVal);
        refreshVal += valGap;
        int w = (int)fm.averageCharWidth()*value.length();
        int h = (int)fm.height();
        x = x - w/2;
        y = y + h/4;

        //painter->drawPoint(QPointF(x, y));
        painter->drawText(QPointF(x, y),value);
    }
    painter->restore();

}

void DashboardWidget::drawIndicator(QPainter *painter)
{
    painter->save();
    QPolygon pts;
    pts.setPoints(3, -2, 0, 2, 0, 0, 60);

    painter->rotate(startAngle);
    float degRotate = (270.0f  / (this->maxValue - this->minVal)) * (currentValue - this->minVal);

    //画指针
    painter->rotate(degRotate);
    QRadialGradient haloGradient(0, 0, 60, 0, 0);
    haloGradient.setColorAt(0, QColor(160, 160, 160).lighter(100));
    haloGradient.setColorAt(1, QColor(160, 160, 160));
    painter->setPen(QColor(255, 255, 255));
    painter->setBrush(haloGradient);
    painter->drawConvexPolygon(pts);
    painter->restore();

    //画中心点
    painter->save();
    QConicalGradient coneGradient(0, 0, -90.0);
    coneGradient.setColorAt(0.0, QColor(65, 65, 65));
    coneGradient.setColorAt(0.5, QColor(255, 255, 255));
    coneGradient.setColorAt(1.0, QColor(65, 65, 65));
    painter->setPen(Qt::NoPen);
    painter->setBrush(coneGradient);
    painter->drawEllipse(-5, -5, 10, 10);
    painter->restore();

}

void DashboardWidget::drawText(QPainter *painter)
{
    //绘制单位
    painter->save();

    painter->setFont(QFont("Arial", 14));
    painter->setPen(QPen(QColor(255,255,255)));
    QFontMetricsF fmUnit = QFontMetricsF(painter->font());
    int unitW = (int)fmUnit.averageCharWidth()*this->unit.length();
   // int unitH = (int)fmUnit.height();
    painter->drawText(QPointF(-unitW/2, (int)(0.3*radius)),this->unit);


    //绘制字符

    painter->setFont(QFont("Arial", 10));
    painter->setPen(QPen(QColor(255,255,255)));
    QFontMetricsF fm = QFontMetricsF(painter->font());
    QString speed = QString::number(currentValue,'f',1) + this->unit;
    int w = (int)fm.averageCharWidth()*speed.length();
    //int h = (int)fm.height();
    painter->drawText(QPointF(-w/2, (int)(0.5*radius)),speed);

    painter->restore();

}

四、使用方法

放置一个QWidget
然后右键提升
在这里插入图片描述
选择仪表盘类就OK！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2401492.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Python数据可视化科技图表绘制系列教程（四）

Python数据可视化科技图表绘制系列教程（四）

目录 带基线的棒棒糖图1 带基线的棒棒糖图2 带标记的棒棒糖图 哑铃图1 哑铃图2 包点图1 包点图2 雷达图1 雷达图2 交互式雷达图 【声明】&#xff1a;未经版权人书面许可&#xff0c;任何单位或个人不得以任何形式复制、发行、出租、改编、汇编、传播、展示或利用本博…
阅读更多...
深入理解系统：UML类图

深入理解系统：UML类图

UML类图 类图&#xff08;class diagram&#xff09; 描述系统中的对象类型&#xff0c;以及存在于它们之间的各种静态关系。 正向工程&#xff08;forward engineering&#xff09;在编写代码之前画UML图。 逆向工程&#xff08;reverse engineering&#xff09;从已有代码建…
阅读更多...
软件工程的定义与发展历程

软件工程的定义与发展历程

文章目录 一、软件工程的定义二、软件工程的发展历程1. 前软件工程时期(1940s-1960s)2. 软件工程诞生(1968)3. 结构化方法时期(1970s)4. 面向对象时期(1980s)5. 现代软件工程(1990s-至今) 三、软件工程的发展趋势 一、软件工程的定义 软件工程是应用系统化、规范化、可量化的方…
阅读更多...
第十三节：第五部分：集合框架：集合嵌套

第十三节：第五部分：集合框架：集合嵌套

集合嵌套案例分析 代码&#xff1a; package com.itheima.day27_Collection_nesting;import java.util.*;/*目标:理解集合的嵌套。 江苏省 "南京市","扬州市","苏州市","无锡市","常州市" 湖北省 "武汉市","…
阅读更多...
Java设计模式之观察者模式详解

Java设计模式之观察者模式详解

一、观察者模式简介 观察者模式&#xff08;Observer Pattern&#xff09;是一种行为型设计模式&#xff0c;它定义了对象之间的一对多依赖关系。当一个对象&#xff08;主题&#xff09;的状态发生改变时&#xff0c;所有依赖于它的对象&#xff08;观察者&#xff09;都会自…
阅读更多...
freeRTOS 消息队列之一个事件添加到消息队列超时怎么处理

freeRTOS 消息队列之一个事件添加到消息队列超时怎么处理

一 消息队列的结构框图 xTasksWaitingToSend‌&#xff1a;这个列表存储了所有因为队列已满而等待发送消息的任务。当任务尝试向一个已满的队列发送消息时&#xff0c;该任务会被挂起并加入到xTasksWaitingToSend列表中&#xff0c;直到队列中有空间可用‌&#xff0c; xTasksW…
阅读更多...
Authpf(OpenBSD)认证防火墙到ssh连接到SSH端口转发技术栈 与渗透网络安全的关联 (RED Team Technique )

Authpf(OpenBSD)认证防火墙到ssh连接到SSH端口转发技术栈 与渗透网络安全的关联 (RED Team Technique )

目录 &#x1f50d; 1. Authpf概述与Shell设置的作用 什么是Authpf&#xff1f; Shell设置为/usr/sbin/authpf的作用与含义 &#x1f6e0;️ 2. Authpf工作原理与防火墙绕过机制 技术栈 工作原理 防火墙绕过机制 Shell关联 &#x1f310; 3. Authpf与SSH认证及服务探测…
阅读更多...
组合与排列

组合与排列

组合与排列主要有两个区别&#xff0c;区别在于是否按次序排列和符号表示不同。 全排列&#xff1a; 从n个不同元素中任取m&#xff08;m≤n&#xff09;个元素&#xff0c;按照一定的顺序排列起来&#xff0c;叫做从n个不同元素中取出m个元素的一个排列。当mn时所有的排列情况…
阅读更多...
Apache Druid

Apache Druid

目录 Apache Druid是什么&#xff1f; CVE-2021-25646(Apache Druid代码执行漏洞) Apache Druid是什么&#xff1f; Apache Druid是一个高性能、分布式的数据存储和分析系统。设计用于处理大量实时数据&#xff0c;并进行低延迟的查询。它特别适合用于分析大规模日志、事件数据…
阅读更多...
使用深蓝词库软件导入自定义的词库到微软拼音输入法

使用深蓝词库软件导入自定义的词库到微软拼音输入法

我这有一个人员名单&#xff0c;把它看作一个词库&#xff0c;下面我演示一下如何把这个词库导入微软输入法 首先建一个text文件&#xff0c;一行写一个词条 下载深蓝词库 按照我这个配置&#xff0c;点击转换&#xff0c;然后在桌面微软输入法那右键&#xff0c;选择设置 点…
阅读更多...
使用Node.js分片上传大文件到阿里云OSS

使用Node.js分片上传大文件到阿里云OSS

阿里云OSS的分片上传&#xff08;Multipart Upload&#xff09;是一种针对大文件优化的上传方式&#xff0c;其核心流程和关键特性如下&#xff1a; 1. ‌核心流程‌ 分片上传分为三个步骤&#xff1a; 初始化任务‌&#xff1a;调用InitiateMultipartUpload接口创建上传任务…
阅读更多...
复变函数中的对数函数及其MATLAB演示

复变函数中的对数函数及其MATLAB演示

复变函数中的对数函数及其MATLAB演示 引言 在实变函数中&#xff0c;对数函数 ln ⁡ x \ln x lnx定义在正实数集上&#xff0c;是一个相对简单的概念。然而&#xff0c;当我们进入复变函数领域时&#xff0c;对数函数展现出更加丰富和复杂的性质。本文将介绍复变函数中对数函…
阅读更多...
【Linux】Linux程序地址基础

【Linux】Linux程序地址基础

参考博客&#xff1a;https://blog.csdn.net/sjsjnsjnn/article/details/125533127 一、地址空间的阐述 1.1 程序地址空间 下面的图片展示了程序地址空间的组成结构 我们通过代码来验证一下 int g_unval; int g_val 100;int main(int argc, char *argv[]);void test1() {i…
阅读更多...
将图形可视化工具的 Python 脚本打包为 Windows 应用程序

将图形可视化工具的 Python 脚本打包为 Windows 应用程序

前文我们已经写了一个基于python的tkinter库和matplotlib库的图形可视化工具。 基于Python的tkinter库的图形可视化工具&#xff08;15种图形的完整代码&#xff09;:基于Python的tkinter库的图形可视化工具&#xff08;15种图形的完整代码&#xff09;-CSDN博客 在前文基础上&…
阅读更多...
无人机军用与民用技术对比分析

无人机军用与民用技术对比分析

一、材料区别 军用无人机&#xff1a; 1. 高强度特种材料&#xff1a; 大量使用钛合金、碳纤维复合材料&#xff0c;兼顾轻量化与高强度&#xff0c;提升抗冲击性和隐身性能。 关键部件依赖进口材料。 2. 隐身涂层&#xff1a; 采用雷达吸波材料和低红外特征涂料&#xf…
阅读更多...
刷leetcode hot100--矩阵6/1

刷leetcode hot100--矩阵6/1

1.螺旋矩阵【很久】6/1【感觉就是思路的搬运工&#xff0c;没完全理解】 54. 螺旋矩阵 - 力扣&#xff08;LeetCode&#xff09; 原来想 但是如果是奇数矩阵&#xff0c;遍历不到中间 解决思路&#xff1a; 用left,right,top,down标记/限定每次遍历的元素&#xff0c;每次从…
阅读更多...
Docker轻松搭建Neo4j+APOC环境

Docker轻松搭建Neo4j+APOC环境

Docker轻松搭建Neo4jAPOC环境 一、简介二、Docker部署neo4j三、Docker安装APOC插件四、删除数据库/切换数据库 一、简介 Neo4j 是一款高性能的 原生图数据库&#xff0c;采用 属性图模型 存储数据&#xff0c;支持 Cypher查询语言&#xff0c;适用于复杂关系数据的存储和分析。…
阅读更多...
定制开发开源AI智能名片S2B2C商城小程序在无界零售中的应用与行业智能升级示范研究

定制开发开源AI智能名片S2B2C商城小程序在无界零售中的应用与行业智能升级示范研究

摘要&#xff1a;本文聚焦无界零售背景下京东从零售产品提供者向零售基础设施提供者的转变&#xff0c;探讨定制开发开源AI智能名片S2B2C商城小程序在这一转变中的应用。通过分析该小程序在商业运营成本降低、效率提升、用户体验优化等方面的作用&#xff0c;以及其与京东AI和冯…
阅读更多...
【大模型:知识图谱】--5.neo4j数据库管理（cypher语法2）

【大模型:知识图谱】--5.neo4j数据库管理（cypher语法2）

目录 1.节点语法 1.1.CREATE--创建节点 1.2.MATCH--查询节点 1.3.RETURN--返回节点 1.4.WHERE--过滤节点 2.关系语法 2.1.创建关系 2.2.查询关系 3.删除语法 3.1.DELETE 删除 3.2.REMOVE 删除 4.功能补充 4.1.SET &#xff08;添加属性&#xff09; 4.2.NULL 值 …
阅读更多...
贪心算法应用：装箱问题(BFD算法)详解

贪心算法应用：装箱问题(BFD算法)详解

贪心算法应用&#xff1a;装箱问题(BFD算法)详解 1. 装箱问题与BFD算法概述 1.1 装箱问题定义 装箱问题(Bin Packing Problem)是组合优化中的经典问题&#xff0c;其定义为&#xff1a; 给定n个物品&#xff0c;每个物品有大小wᵢ (0 < wᵢ ≤ C)无限数量的箱子&#xf…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023