图形绘制-仪表盘(3)

本章节我们介绍如何绘制仪表盘内的车速、单位(Km/h)、标题等信息。

效果如下:

图形绘制-仪表盘(3)_第1张图片

关于通过继承重写QWidget的绘制事件paintEvent(),来绘制仪表盘的基础操作,请看

《图形绘制-仪表盘(1)-CSDN博客》

《图形绘制-仪表盘(2)-CSDN博客》

在paintEvent()中继续写以下代码:

//设置字体

painter.setPen(Qt::white);

QFont fontun("黑体",14,QFont::Bold,false);

painter.setFont(fontun);

QFontMetricsF fm1(fontun);

/*绘制单位*/

qreal w1 = fm1.size(Qt::TextSingleLine,"Km/h").width();

painter.drawText(-w1/2,-20,"Km/h");

图形绘制-仪表盘(3)_第2张图片

/*绘制车速*/

qreal w2 = fm1.size(Qt::TextSingleLine,"60").width();

painter.drawText(-w2/2,40,"60");

图形绘制-仪表盘(3)_第3张图片

/*绘制标题*/

qreal w3 = fm1.size(Qt::TextSingleLine,"车速").width();

painter.drawText(-w3/2,70,"车速");

图形绘制-仪表盘(3)_第4张图片

//保存绘制结果

painter.restore();

painter.save();

你可能感兴趣的:(QT,C++,qt,c++)