Qt实例：湿度计(绘画)

一 效果图

二 代码

2.1 头文件 mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDebug>
#include <QDateTime>
#include <QTimer>
#include <QPainter>
#include <QPixmap>
#include <QPaintEvent>
#include <QFontDatabase>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
protected:
    void drawSecondHand1();
    bool eventFilter(QObject *watched, QEvent *event);

private:
    Ui::MainWindow *ui;

    QStringList m_fontList;
    QPen pen;
    QTimer *timer;
    QPixmap pixmap;
    int m_maxValue;
    int m_minValue;
    int m_startAngle;
    int m_endAngle;
    int m_scaleMajor;
    int m_scaleMinor;

    QString shidu;
};

#endif // MAINWINDOW_H

2.2 核心代码 mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QQuickWidget>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->shiduTLb->installEventFilter(this);
    m_startAngle=60;
    m_endAngle=60;
    m_minValue=0;
    m_maxValue=100;
    m_scaleMajor = 10;//分度
    m_scaleMinor = 10;

    shidu="25";
    /* 事件过滤 */
    ui->shiduTLb->installEventFilter(this); // 启用事件过滤器

    timer = new QTimer(this);
    connect( timer, SIGNAL(timeout()), this, SLOT(update()) );
    timer->start(1000);
}

MainWindow::~MainWindow()
{
    delete ui;
}

/* 事件过滤 */
bool MainWindow::eventFilter(QObject *watched, QEvent *event)
{

if (watched == ui->shiduTLb && event->type() == QEvent::Paint)
    {
        drawSecondHand1();
    }
    return QWidget::eventFilter(watched,event);
}

void MainWindow::drawSecondHand1()
{
    QPainter painter(ui->shiduTLb);



    painter.drawPixmap(pixmap.rect(), pixmap);
    QFont font("Microsoft Yahei", 6, 35); // 字体，大小，加粗等同于QFont::Bold
    painter.setFont(font);
    painter.setRenderHint(QPainter::Antialiasing, true);  // 反锯齿
    int side = qMin(ui->shiduTLb->width(), ui->shiduTLb->height());//获取窗体的宽和高的函数首字母是小写


    /* 灰色表盘背景 */
    painter.save();
    painter.setPen(Qt::NoPen); // 去掉外圈线
    painter.setBrush(QColor(239, 241, 240, 100));              // 背景颜色以及透明度
    painter.drawEllipse( QPoint(width()/2, height()/2), side/2-24, side/2-24 ); // 绘制背景 灰色背景圈大小
    painter.restore();

    /* 刻度表盘外框 */
    painter.save();
    painter.setPen(QPen( QColor(11, 22, 44, 130), 14 )); // 外边框颜色以及大小
    painter.drawEllipse(QPoint(width()/2, height()/2), side/2 - 24, side/2 - 24); //外边框绘制
    //painter.drawEllipse(QPoint(width()/6, height()/4), side/2 - 24, side/2 - 24); //外边框绘制
    painter.restore();
    painter.translate(width() / 2, height() / 2);         // 坐标原点
    painter.scale(side / 160.0, side / 160.0);            // 缩放比例 //刻度盘的大小
    //painter.translate(width() / 6, height() / 4);         // 坐标原点
    //painter.scale(side / 180.0, side / 180.0);            // 缩放比例 //刻度盘的大小

    /* 中心点 */
    painter.setBrush(QBrush(QColor(56,189,96)));
    painter.drawEllipse(QPoint(0, 0), 6, 6);

    /*指针*/
    painter.save();
    painter.rotate(m_startAngle);
    double degRotate =  (360.0 - m_startAngle - m_endAngle)/(m_maxValue - m_minValue)*(shidu.toInt()- m_minValue);
    painter.rotate(degRotate);
    pen.setColor(QColor(56,189,96));
    pen.setWidth(1);
    painter.setPen(pen);
    painter.drawLine(0,70,0,-20);
    painter.restore();

    /* Lcdnumber风格绘制 */
    painter.save();

    if (!m_fontList.isEmpty())
    {
        QFont font;
        font.setFamily(m_fontList.at(0));
        font.setPointSize(15);
        painter.setFont(font);
    }
    painter.setPen( QColor(0, 0, 0) );
    painter.drawText( -40, 24, 80, 12, Qt::AlignCenter,shidu+"%" );
    painter.drawText( -40, 34, 80, 22, Qt::AlignCenter,"湿度计" );
    painter.restore();

    /*数字刻度*/
    painter.save();
    painter.setPen(Qt::black);
    //m_startAngle是起始角度，m_endAngle是结束角度，m_scaleMajor在一个量程中分成的刻度数
    double startRad = ( 270-m_startAngle) * (3.14 / 180);
    double deltaRad = (360 - m_startAngle - m_endAngle) * (3.14 / 180) / m_scaleMajor;
    double sina,cosa;
    int x, y;
    QFontMetricsF fm(this->font());
    double w, h, tmpVal;
    QString str;

    for (int i = 0; i <= m_scaleMajor; i++)
    {
        sina = sin(startRad - i * deltaRad);
        cosa = cos(startRad - i * deltaRad);

        tmpVal = 1.0 * i *((m_maxValue - m_minValue) / m_scaleMajor) + m_minValue;
        // tmpVal = 50;
        str = QString( "%1" ).arg(tmpVal);  //%1作为占位符   arg()函数比起 sprintf()来是类型安全的
        w = fm.size(Qt::TextSingleLine,str).width();
        h = fm.size(Qt::TextSingleLine,str).height();
        x = 55 * cosa - w / 2+2;
        y = -55 * sina + h / 4;
        painter.drawText(x, y, str); //函数的前两个参数是显示的刻度数字坐标位置，后一个是显示的内容，是字符类型""
        }
        painter.restore();

        /*刻度线*/
        painter.save();
        painter.rotate(m_startAngle);
        int steps = (m_scaleMajor * m_scaleMinor); //相乘后的值是分的份数
        double angleStep = (360.0 - m_startAngle - m_endAngle) / steps; //每一个份数的角度
        QPen pen ;
        pen.setColor(Qt::black);  //推荐使用第二种方式
        for (int i = 0; i <= steps; i++)
        {
            if (i % m_scaleMinor == 0)//整数刻度显示加粗
            {
                 pen.setWidth(1);             //设置线宽
                 painter.setPen(pen);   //使用面向对象的思想，把画笔关联上画家。通过画家画出来
          painter.drawLine(0, 62, 0, 72); //两个参数应该是两个坐标值
           }
           else
           {
               pen.setWidth(0);
               painter.setPen(pen);
               painter.drawLine(0, 67, 0, 72);
           }
           painter.rotate(angleStep);
        }
        painter.restore();
}

参考：Qt实战开发-仪表盘制作