如何用Qt畫一個(gè)溫度計(jì)

這篇“如何用Qt畫一個(gè)溫度計(jì)”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“如何用Qt畫一個(gè)溫度計(jì)”文章吧。

示例1

以下是用Qt繪制一個(gè)簡(jiǎn)單的溫度計(jì)的示例代碼：

#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);
    // 繪制溫度計(jì)背景
    painter.setBrush(QColor("#f0f0f0"));
    painter.drawRect(0, 0, width(), height());
    // 繪制溫度計(jì)外框
    painter.setBrush(QColor("#f5f5f5"));
    painter.drawRect(20, 20, width() - 40, height() - 40);
    // 繪制溫度計(jì)刻度線
    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));
    }
    // 繪制溫度計(jì)當(dāng)前溫度
    painter.setPen(QColor("#ff0000"));
    painter.setFont(QFont("Arial", 14));
    painter.drawText(80, height() , QString::number(value) + ".");
    // 繪制溫度計(jì)水銀柱
    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();
}

運(yùn)行結(jié)果

示例2

復(fù)雜的動(dòng)態(tài)溫度計(jì)，代碼實(shí)現(xiàn)如下：

創(chuàng)建一個(gè)Qt項(xiàng)目，并添加一個(gè)主窗口。

新建Qt Widgets Application項(xiàng)目，添加MainWindow類。

在主窗口上添加一個(gè)QLabel控件，用于顯示當(dāng)前溫度值。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

在主窗口上添加一個(gè)QGraphicsView控件，用于繪制溫度計(jì)。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

創(chuàng)建一個(gè)QGraphicsScene對(duì)象，并將其設(shè)置為QGraphicsView的場(chǎng)景。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

在QGraphicsScene中添加一個(gè)QGraphicsRectItem對(duì)象，用于表示溫度計(jì)的外框。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

在QGraphicsScene中添加一個(gè)QGraphicsEllipseItem對(duì)象，用于表示溫度計(jì)的中心點(diǎn)。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

在QGraphicsScene中添加一些QGraphicsLineItem對(duì)象，用于表示溫度計(jì)的刻度線。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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中添加一個(gè)QGraphicsPolygonItem對(duì)象，用于表示溫度計(jì)的指針。

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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對(duì)象，將溫度計(jì)的指針進(jìn)行旋轉(zhuǎn)，以顯示當(dāng)前溫度值。

在MainWindow類中添加以下私有成員變量：

QGraphicsTransform *pointerTransform;

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

在MainWindow類中添加以下槽函數(shù)：

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

在主窗口的槽函數(shù)中更新溫度值，并更新溫度計(jì)的指針的旋轉(zhuǎn)角度。

在MainWindow類中添加以下信號(hào)：

signals:
    void tempChanged(int temp);

在MainWindow類的構(gòu)造函數(shù)中添加以下代碼：

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

在MainWindow類中添加以下槽函數(shù)：

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

在主窗口上添加一個(gè)QSlider控件，并將其范圍設(shè)置為0-100，在MainWindow類中添加以下信號(hào)槽連接：

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

以上就是關(guān)于“如何用Qt畫一個(gè)溫度計(jì)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。