Qt示例教程之用Qt画一个温度计

更新时间：2023年03月27日 11:31:34 作者：小激动. Caim

在Qt绘图中经常需要绘制一些仪表的刻度盘,比如温度计,下面这篇文章主要给大家介绍了关于用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)));

总结

到此这篇关于Qt示例教程之用Qt画一个温度计的文章就介绍到这了,更多相关Qt画温度计内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

qt
温度计

新手socket编程入门详解指南
本文，将一步一步引导初学者来学习socket，所有编程思路都结合在socket API里面，以及提供socket的疑问和基础知识点，同时在最后给出多个例程，下面可以和小编一起学习
2019-05-05
Opencv绘制最小外接矩形、最小外接圆
这篇文章主要为大家详细介绍了Opencv绘制最小外接矩形、最小外接圆的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
C++日期类运算符重载方式
这篇文章主要介绍了C++日期类运算符重载方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-02-02
C++ 实现的通讯录管理系统详解
这篇文章主要为大家详细介绍了C++实现通讯录管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
不要被C++(自动生成规则)所蒙骗
正如标题所说，我们不要被C++语法中所描述的那些条条框框所“蒙骗”了。的确，相信这些生成规则不会对我们的编程带来多大的影响（不会产生错误），但是只有了解它们的背后操作，我们才知道编译器究竟为我们做了什么,感兴趣的朋友可以了解下,希望本文对你有所帮助
2013-01-01
C语言中sizeof函数踩过的坑总结
sizeof是C语言的一种单目操作符，如C语言的其他操作符++、--等。它并不是函数。sizeof操作符以字节形式给出了其操作数的存储大小。操作数可以是一个表达式或括在括号内的类型名。操作数的存储大小由操作数的类型决定
2022-04-04
C语言实现高精度加法的示例代码
高精度的本质是将数字以字符串的形式读入,然后将每一位分别存放入int数组中,通过模拟每一位的运算过程,来实现最终的运算效果,下面我们就来看看如何通过C语言实现高精度加法吧
2023-11-11
C++中的继承方式与菱形继承解析
这篇文章主要介绍了C++中的继承方式与菱形继承解析,继承是类和类之间的关系，是代码复用的重要手段，允许在保持原有类结构的基础上进行扩展，创建的新类与原有的类类似，只是多了几个成员变量和成员函数,需要的朋友可以参考下
2023-08-08
C语言实现图书馆管理系统
这篇文章主要为大家详细介绍了C语言实现图书馆管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-07-07
C++俄罗斯方块游戏无需图形库的俄罗斯方块
这篇文章主要为大家详细介绍了无需图形库的C++俄罗斯方块游戏，重温经典游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06