一 效果图
二 代码
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实战开发-仪表盘制作