Qt之绘图

发布时间 2023-10-23 15:05:59作者: TechNomad

一、QPainter绘图系统

1.QPainter与QPaintDevice

Qt的绘图系统使用户可以在屏幕或打印上用相同的API绘图,绘图系统基于QPainter、QPaintDevice和QPaintEngine类,QPainter是用来绘图操作的类,QPaintDevice是一个可以使用QOPainter进行绘图的抽象的二维界面,QPaintEngine给QPainter提供在不同设备上绘图的接口。QPaintEngine类由QPainter和APaintDevice内部使用,应用程序一般无需和QPaintEngine打交道,除非要创建自己的设备类型。一般的绘图设备包括QWidget、QPixmap、QImage等,这些绘图设备为QPainter提供一个"画布"

2.paintEvent事件和绘图区

QWidget类及其子类是最常用的绘图设备,从QWidget类继承的类都有paintEvent()事件,要在设备上绘图,只需重定义此事件并编写响应代码。创建一个QPainter对象获取绘图设备的接口,然后就可以在绘图设备的"画布"上绘图了。

在paintEvent()事件里绘图的基本程序结构是:

void MainWindow::paintEvent(QPaintEvent * event)
{
    QPainter painter(this); //创建与绘图设备关联的QPainter对象
    /*
        painter在设备的窗口上画图
    */
    QWidget::paintEvent(event);
}

首先创建一个属于本绘图设备的QPainter对象painter,然后使用整个painter在绘图设备的窗口上画图。

3.QPainter绘图的主要属性

用QPainter在绘图设备上绘图,主要是绘制一些基本的图像元素,包括点、直线、圆形、矩形、曲线、文字等,控制这些绘图元素特性的主要是QPainter的3个属性。

(1).pen属性:是一个QPen对象,用于控制线条的颜色、宽度、线型等

(2).brush属性:是一个QBrush对象,用于设置一个区域的填充特性,可以设置填充颜色、填充方式、渐变特性等,还可以采用图片做材质填充。

(3).font属性:是一个QFont对象,用于绘制文字时,设置文字的字体样式、大小等属性。

使用这3个属性基本就是控制了绘图的基本特点。

示例代码如下:

MainWindow::MainWindow(QWidget *parent)
    : QWidget(parent)
{
    this->setPalette(Qt::white);//设置窗口为白色背景色
    this->setAutoFillBackground(true);
}

MainWindow::~MainWindow()
{
}

void MainWindow::paintEvent(QPaintEvent * event)
{
    QPainter painter(this); //创建与绘图设备关联的QPainter对象
    painter.setRenderHint(QPainter::Antialiasing); //启用反走样,使得绘图边缘更平滑,减少锯齿状边缘
    painter.setRenderHint(QPainter::TextAntialiasing); //启用文本反走样,改善文本渲染的质量
    QRect rect(this->width() / 4, this->height() / 4, this->width() / 2, this->height() / 2);

    QPen pen; //设置画笔
    pen.setWidth(3); //线宽
    pen.setColor(Qt::red); //划线颜色
    pen.setStyle(Qt::SolidLine); //线端点样式
    pen.setCapStyle(Qt::FlatCap); //线的样式,实践、虚线等
    pen.setJoinStyle(Qt::BevelJoin); //线的连接点样式
    painter.setPen(pen);

    QBrush brush;
    brush.setColor(Qt::yellow); //画刷颜色
    brush.setStyle(Qt::SolidPattern); //画刷填充样式
    painter.setBrush(brush);

    painter.drawRect(rect); //绘图

    QWidget::paintEvent(event);
}

效果如下: