Qt示例3:用Qt画一个温度计

示例1
以下是用Qt绘制一个简单的温度计的示例代码:

#include <QPainter>
#include <QWidget>
#include <QApplication>
class Thermometer : public QWidget {
public:
    Thermometer(QWidget *parent = 0);
protected:
    void paintEvent(QPaintEvent *event);
private:
    int value;
};
Thermometer::Thermometer(QWidget *parent)
    : QWidget(parent), value(50) {}
void Thermometer::paintEvent(QPaintEvent * /* event */) {
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(Qt::NoPen);
    // 绘制温度计背景
    painter.setBrush(QColor("#f0f0f0"));
    painter.drawRect(0, 0, width(), height());
    // 绘制温度计外框
    painter.setBrush(QColor("#f5f5f5"));
    painter.drawRect(20, 20, width() - 40, height() - 40);
    // 绘制温度计刻度线
    painter.setPen(QColor("#999999"));
    for (int i = 0; i <= 100; i += 10) {
        painter.drawLine(40, height() - 40 - (i * (height() - 80) / 100),
                         60, height() - 40 - (i * (height() - 80) / 100));
    }
    // 绘制温度计当前温度
    painter.setPen(QColor("#ff0000"));
    painter.setFont(QFont("Arial", 14));
    painter.drawText(80, height() , QString::number(value) + ".");
    // 绘制温度计水银柱
    painter.setBrush(QColor("#ff0000"));
    painter.drawRect(30, height() - 40 - (value * (height() - 80) / 100),
                     width() - 60, value * (height() - 80) / 100);
}
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    Thermometer thermometer;
    thermometer.setWindowTitle("thermometer");
    thermometer.resize(200, 400);
    thermometer.show();
    return app.exec();
}

运行结果
温度计

示例2

复杂的动态温度计,代码实现如下:

创建一个Qt项目,并添加一个主窗口。
新建Qt Widgets Application项目,添加MainWindow类。

在主窗口上添加一个QLabel控件,用于显示当前温度值。
在MainWindow类的构造函数中添加以下代码:

QLabel *tempLabel = new QLabel(this);
tempLabel->setText("Temp: 0℃");
tempLabel->setGeometry(20, 20, 100, 20);

在主窗口上添加一个QGraphicsView控件,用于绘制温度计。
在MainWindow类的构造函数中添加以下代码:

QGraphicsView *view = new QGraphicsView(this);
view->setGeometry(20, 50, 200, 200);

创建一个QGraphicsScene对象,并将其设置为QGraphicsView的场景。
在MainWindow类的构造函数中添加以下代码:

QGraphicsScene *scene = new QGraphicsScene(this);
view->setScene(scene);

在QGraphicsScene中添加一个QGraphicsRectItem对象,用于表示温度计的外框。
在MainWindow类的构造函数中添加以下代码:

QGraphicsRectItem *frame = new QGraphicsRectItem(0, 0, 200, 200);
frame->setPen(QPen(Qt::black));
frame->setBrush(QBrush(Qt::white));
scene->addItem(frame);

在QGraphicsScene中添加一个QGraphicsEllipseItem对象,用于表示温度计的中心点。
在MainWindow类的构造函数中添加以下代码:

QGraphicsEllipseItem *center = new QGraphicsEllipseItem(90, 90, 20, 20);
center->setPen(QPen(Qt::black));
center->setBrush(QBrush(Qt::black));
scene->addItem(center);

在QGraphicsScene中添加一些QGraphicsLineItem对象,用于表示温度计的刻度线。
在MainWindow类的构造函数中添加以下代码:

for (int i = -45; i <= 225; i += 45) {
    QLineF line(100 + 80 * cos(i * M_PI / 180),
                100 - 80 * sin(i * M_PI / 180),
                100 + 100 * cos(i * M_PI / 180),
                100 - 100 * sin(i * M_PI / 180));
    QGraphicsLineItem *tick = new QGraphicsLineItem(line);
    tick->setPen(QPen(Qt::black));
    scene->addItem(tick);
}

在QGraphicsScene中添加一个QGraphicsPolygonItem对象,用于表示温度计的指针。
在MainWindow类的构造函数中添加以下代码:

QPointF points[3] = { QPointF(100, 100),
                      QPointF(95, 90),
                      QPointF(105, 90) };
QGraphicsPolygonItem *pointer = new QGraphicsPolygonItem(QPolygonF(points, 3));
pointer->setPen(QPen(Qt::black));
pointer->setBrush(QBrush(Qt::red));
pointer->setTransformOriginPoint(100, 100);
scene->addItem(pointer);

通过QGraphicsTransform对象,将温度计的指针进行旋转,以显示当前温度值。
在MainWindow类中添加以下私有成员变量:

QGraphicsTransform *pointerTransform;

在MainWindow类的构造函数中添加以下代码:

pointerTransform = new QGraphicsTransform(pointer);
pointer->setTransform(pointerTransform);

在MainWindow类中添加以下槽函数:

void MainWindow::updateTemp(int temp) {
    ui->tempLabel->setText(QString("Temp: %1℃").arg(temp));
    pointerTransform->setRotation(-45 + temp * 270 / 100);
}

在主窗口的槽函数中更新温度值,并更新温度计的指针的旋转角度。
在MainWindow类中添加以下信号:

signals:
    void tempChanged(int temp);

在MainWindow类的构造函数中添加以下代码:

connect(this, SIGNAL(tempChanged(int)), this, SLOT(updateTemp(int)));

在MainWindow类中添加以下槽函数:

void MainWindow::on_tempSlider_valueChanged(int value)
{
    emit tempChanged(value);
}

在主窗口上添加一个QSlider控件,并将其范围设置为0-100,在MainWindow类中添加以下信号槽连接:

connect(ui->tempSlider, SIGNAL(valueChanged(int)), this, SLOT(on_tempSlider_valueChanged(int)));

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

戴眼镜检测和识别1:戴眼镜检测数据集(含下载链接)

戴眼镜检测和识别1&#xff1a;戴眼镜检测数据集(含下载链接) 目录 戴眼镜检测和识别1&#xff1a;戴眼镜检测数据集(含下载链接) 1. 前言 2.Eyeglasses-Dataset数据集说明 3.Eyeglasses-Dataset数据集下载 4.戴眼镜检测和识别&#xff08;Python版本&#xff09; 5.戴眼…

JavaWeb——线程安全问题的原因和解决方案

目录 一、线程不安全的原因 1、抢占式执行、随机调度 2、多线程同时修改同一个变量 3、修改操作不是原子的 4、内存可见性 5、指令重排序 二、解决方法 1、使用synchronized方法加锁 &#xff08;1&#xff09;、定义 &#xff08;2&#xff09;、使用 &#xff08;3…

Github ChatGPT-Web:了解最新AI技术的前沿应用!

近年来OpenAI的ChatGPT模型在自然语言处理领域取得了很大的进展&#xff0c;并且已经在全球范围内得到了广泛的应用和普及。ChatGPT不仅可以用于生成对话和文本摘要等任务&#xff0c;还可以用于机器翻译、问答系统、情感分析等多个领域。ChatGPT已经成为自然语言处理领域的一个…

基于51单片机的自动打铃打鸣作息报时系统AT89C51数码管三极管时钟电路

wx供重浩&#xff1a;创享日记 对话框发送&#xff1a;单片机打铃 获取完整无水印论文报告说明&#xff08;含源码程序、电路原理图和仿真图&#xff09; 本次设计中的LED数码管电子时钟电路采用24小时制记时方式,本次设计采用AT89C51单片机的扩展芯片和6个PNP三极管做驱动&…

【C语言蓝桥杯每日一题】——跑步锻炼

【C语言蓝桥杯每日一题】—— 跑步锻炼&#x1f60e;前言&#x1f64c;排序&#x1f64c;总结撒花&#x1f49e;&#x1f60e;博客昵称&#xff1a;博客小梦 &#x1f60a;最喜欢的座右铭&#xff1a;全神贯注的上吧&#xff01;&#xff01;&#xff01; &#x1f60a;作者简介…

使用chatGPT实现数字自增动画

num-auto-add&#xff1a;数字自增动画 序言 我们经常在一些好的网站上遇到数字自增的动画效果&#xff0c;为用户提供了更加丰富的交互体验&#xff0c;看起来非常酷。 我之前也有写过&#xff0c;为了方便以后使用&#xff0c;打算将它优化&#xff0c;并上传到npm中。 首…

OpenCV入门(二十一)快速学会OpenCV 20 图像金字塔

OpenCV入门&#xff08;二十一&#xff09;快速学会OpenCV 20 图像金字塔1.基本概念2.高斯金字塔2.1 向下取样2.2 向上取样3.拉普拉斯金字塔作者&#xff1a;Xiou 1.基本概念 一般情况下&#xff0c;我们要处理的是一幅具有固定分辨率的图像。有些情况下&#xff0c;我们需要…

RabbitMQ 入门到应用 ( 六 ) 消息可靠性

7.RabbitMQ可靠性投递 为了保证信息不丢失, 可靠抵达,引入确认机制 消息从生产者传递到消费者的过程中, 不同的阶段使用不同的确认方式. 7.0.准备请求 一次性发送10 个消息 通过 new.exchange.direct交换机 接收消息, 使用 new.admin路由键 向 new.admin队列 发送消息. Aut…

【 构造 HTTP 请求 】

文章目录一、通过 form 表单构造 HTTP 请求1.1 form 发送 GET 请求1.2 form 发送 POST 请求二、通过 ajax 构造 HTTP 请求2.1 ajax 发送 GET 请求2.2 ajax 发送POST 请求2.3 关于 ajax三、通过 Java socket 构造 HTTP 请求(了解)一、通过 form 表单构造 HTTP 请求 form (表单)…

Element Plus 实例详解(六)___Progress 进度条

Element Plus 实例详解&#xff08;六&#xff09;___Progress 进度条 本文目录&#xff1a; 一、前言 二、搭建Element Plus试用环境 1、搭建Vue3项目&#xff08;基于Vite Vue&#xff09; 2、安装Element Plus 三、Element Plus Progress 进度条功能试用 1、直线进度条…

【数据结构】栈和队列

&#x1f680;write in front&#x1f680; &#x1f4dc;所属专栏&#xff1a;初阶数据结构 &#x1f6f0;️博客主页&#xff1a;睿睿的博客主页 &#x1f6f0;️代码仓库&#xff1a;&#x1f389;VS2022_C语言仓库 &#x1f3a1;您的点赞、关注、收藏、评论&#xff0c;是对…

血细胞智能检测与计数软件(Python+YOLOv5深度学习模型+清新界面版)

摘要&#xff1a;血细胞智能检测与计数软件应用深度学习技术智能检测血细胞图像中红细胞、镰状细胞等不同形态细胞并可视化计数&#xff0c;以辅助医学细胞检测。本文详细介绍血细胞智能检测与计数软件&#xff0c;在介绍算法原理的同时&#xff0c;给出Python的实现代码以及Py…

HTTP协议详解(上)

目录 前言&#xff1a; 认识URL HTTP协议方法 通过Fiddler抓包 GET和POST之间典型区别 header详解 HTTP响应状态码 常见状态码解释 状态码分类 HTTP协议报文格式 小结&#xff1a; 前言&#xff1a; HTTP协议属于应用层协议&#xff0c;称为超文本传输协议&#xff…

C++中的string类【详细分析及模拟实现】

string类 目录string类一、stirng的介绍及使用1.为什么学习string类&#xff1f;2.标准库中的string类2.1 引入&#xff1a;编码2.2 basic_string3.string类的使用3.1 构造函数3.2 遍历string方式1&#xff1a;for循环方式2&#xff1a;范围for4.迭代器4.1 正向迭代器4.2反向迭…

STM-32:按键控制LED灯 程序详解

目录一、基本原理二、接线图三、程序思路3.1库函数3.2程序代码注&#xff1a;一、基本原理 左边是STM322里电路每一个端口均可以配置的电路部分&#xff0c;右边部分是外接设备 电路图。 配置为 上拉输入模式的意思就是&#xff0c;VDD开关闭合&#xff0c;VSS开关断开。 浮空…

互联网数据挖掘与分析讲解

一、定义 数据挖掘&#xff08;英语&#xff1a;Data mining&#xff09;&#xff0c;又译为资料探勘、数据采矿。它是数据库知识发现&#xff08;英语&#xff1a;Knowledge-Discovery in Databases&#xff0c;简称&#xff1a;KDD)中的一个步骤。数据挖掘一般是指从大量的数…

多线程(四):线程安全

在开始讲解线程安全之前我们先来回顾一下我们学了那些东西了&#xff1a; 1. 线程和进程的认识 2. Thread 类的基本用法 3. 简单认识线程状态 4. 初见线程安全 上一章结束时看了一眼线程安全问题&#xff0c;本章将针对这个重点讲解。 一个代码在单线程中能够安全执行&am…

204. 计数质数 (埃式筛法详解)——【Leetcode每日一题】

素数最朴素判断思路&#xff1a;&#xff08;一般会超时&#xff09; 对正整数 n&#xff0c;如果用 2 到 n\sqrt{n}n​ 之间的所有整数去除&#xff0c;均无法整除&#xff0c;则 n 为素数又称为质数。 为什么到n\sqrt{n}n​ 就可以了&#xff0c;因为因数如果存在一定是成对…

【三】一起算法---栈:STL stack、手写栈、单调栈

纸上得来终觉浅&#xff0c;绝知此事要躬行。大家好&#xff01;我是霜淮子&#xff0c;欢迎订阅我的专栏《算法系列》。 学习经典算法和经典代码&#xff0c;建立算法思维&#xff1b;大量编码让代码成为我们大脑的一部分。 ⭐️已更系列 1、基础数据结构 1.1、链表➡传送门 1…

使用Node.js+Koa 从零开始写个人博客系统——后端部分(一)

使用Node.jsKoa 从零开始写个人博客系统系列 提示&#xff1a;在此文章中你可以学习到的内容如下&#xff1a; 1 如何使用Koa快速搭建项目 2 对Koa的核心组件Koa-Route的简单使用 3 3层架构思想 4 nodejs的ORM框架——sequelize的使用 5 sequelize-auto的使用 6 简单的增删查改…