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
復雜的動態(tài)溫度計,代碼實現(xiàn)如下:
創(chuàng)建一個Qt項目,并添加一個主窗口。
新建Qt Widgets Application項目,添加MainWindow類。
在主窗口上添加一個QLabel控件,用于顯示當前溫度值。
在MainWindow類的構造函數(shù)中添加以下代碼:
QLabel *tempLabel = new QLabel(this);
tempLabel->setText("Temp: 0℃");
tempLabel->setGeometry(20, 20, 100, 20);
在主窗口上添加一個QGraphicsView控件,用于繪制溫度計。
在MainWindow類的構造函數(shù)中添加以下代碼:
QGraphicsView *view = new QGraphicsView(this); view->setGeometry(20, 50, 200, 200);
創(chuàng)建一個QGraphicsScene對象,并將其設置為QGraphicsView的場景。
在MainWindow類的構造函數(shù)中添加以下代碼:
QGraphicsScene *scene = new QGraphicsScene(this); view->setScene(scene);
在QGraphicsScene中添加一個QGraphicsRectItem對象,用于表示溫度計的外框。
在MainWindow類的構造函數(shù)中添加以下代碼:
QGraphicsRectItem *frame = new QGraphicsRectItem(0, 0, 200, 200); frame->setPen(QPen(Qt::black)); frame->setBrush(QBrush(Qt::white)); scene->addItem(frame);
在QGraphicsScene中添加一個QGraphicsEllipseItem對象,用于表示溫度計的中心點。
在MainWindow類的構造函數(shù)中添加以下代碼:
QGraphicsEllipseItem *center = new QGraphicsEllipseItem(90, 90, 20, 20); center->setPen(QPen(Qt::black)); center->setBrush(QBrush(Qt::black)); scene->addItem(center);
在QGraphicsScene中添加一些QGraphicsLineItem對象,用于表示溫度計的刻度線。
在MainWindow類的構造函數(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中添加一個QGraphicsPolygonItem對象,用于表示溫度計的指針。
在MainWindow類的構造函數(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對象,將溫度計的指針進行旋轉,以顯示當前溫度值。
在MainWindow類中添加以下私有成員變量:
QGraphicsTransform *pointerTransform;
在MainWindow類的構造函數(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ù)中更新溫度值,并更新溫度計的指針的旋轉角度。
在MainWindow類中添加以下信號:
signals:
void tempChanged(int temp);
在MainWindow類的構造函數(shù)中添加以下代碼:
connect(this, SIGNAL(tempChanged(int)), this, SLOT(updateTemp(int)));
在MainWindow類中添加以下槽函數(shù):
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畫溫度計內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

