1. QPainter绘图事件简介

Qt的绘图系统允许使用现同的API在屏幕和其他打印设备上进行绘制。整个绘图系统基于 QPainter、QPaintDevice、QPaintEngine 三个类。

QPainter 用来执行绘制的操作。

QPaintDevice 是一个二维空间的抽象，这个二维空间允许QPainter在其上面进行绘制，也就是QPainter工作的空间。

QPaintEngine 提供了画笔（QPainter）在不同的设备上进行绘制的统一的接口。QPaintEngine 类应用于QPainter和QPaintDevice之间，通常对开发人员是透明的。除非你需要自定义一个设备，否则你是不需要关系这个QPaintEngine这个类的。我们可以把QPainter理解为画笔，把QPaintDevice理解为使用画笔的地方，QPaintEngine理解为能让不同材质的纸张、屏幕都能使用同一种画笔。

三者的层次结构：

2. 绘图功能示例

GitHub源码仓库：Qt学习例程

创建 QWidget空工程。

Qt中绘图有专用的绘图事件函数。

重写：void Widget::paintEvent(QPaintEvent *)，应用运行后就会自动调用该事件。

画线。

// 实例化画家对象，this指定绘图设备，当前窗口
QPainter painter(this);// 画一条线
painter.drawLine(QPoint(0,0), QPoint(100,100));

画圆。

// 实例化画家对象，this指定绘图设备
QPainter painter(this);// 画一条线
painter.drawLine(QPoint(0,0), QPoint(100,100));// 画圆
painter.drawEllipse(QPoint(100,100), 100, 100);
painter.drawEllipse(QPoint(100,100), 50, 30);

画矩形、画点。

// 画矩形 （左上角x坐标，左上角y坐标，宽度，高度）
painter.drawRect(QRect(200,20,100,100));
// 画矩形 （左上角x坐标，左上角y坐标）（宽度，高度）
painter.drawRect(QRect(QPoint(200,20),QSize(100,100)));// 这种方式会多出一个点，不方便使用
// 画矩形 （左上角x坐标，左上角y坐标）（右下角x坐标，右下角y坐标）
painter.drawRect(QRect(QPoint(200,120),QPoint(300,220)));// 画点
painter.drawPoint(300,223);

画文字。

// 画文字
painter.drawText(QRect(20,200,50,50), "好好学习，天天向上");

设置画笔颜色、线宽（如上例子，默认的颜色是黑色，线宽为1）。

// 设置画笔颜色
QPen pen(QColor(255,0,0));
// 设置画笔线宽（只对点线圆起作用，对文字不起作用）
pen.setWidth(3);
// 让画家使用这个画笔
painter.setPen(pen);

设置画笔线条风格（默认是SolidLine实线）。

// 设置画笔线条风格，默认是SolidLine实线
// DashLine虚线，DotLine点线，DashDotLine、DashDotDotLine点划线
pen.setStyle(Qt::DashDotLine);

画刷，对封闭图形填充颜色。

// 画刷，对封闭图形填充色
QBrush brush(Qt::blue);
// 让画家使用画刷
painter.setBrush(brush);

画刷设置风格。

// 画刷，对封闭图形填充色
QBrush brush(Qt::blue);
// 设置画刷风格，默认是SolidPattern实心填充
brush.setStyle(Qt::Dense5Pattern);
// 让画家使用画刷
painter.setBrush(brush);

GitHub源码仓库：Qt学习例程

【Qt教程】3.4 - Qt5 QPainter绘图事件、绘图功能相关推荐

QT教程2：QT5的体系构架
一.列出QT5体系内容 QT5的模块有• QtCore • QtGui • QtWidgets • QtMultimedia • QtBluetooth • QtNetwork • QtPositio ...
【Qt教程】3.5 - Qt5 QPainter绘图抗锯齿、相对坐标/平移坐标系、QPainter画图片、手动调用QPainter绘图事件
GitHub源码仓库:Qt学习例程 1. QPainter绘图抗锯齿 /// 抗锯齿测试 /// painter.drawEllipse(QPoint(100,50), 50, 50);// 设置抗 ...
Qt绘图事件：QPainter、QPaintEngine和QPaintDevice
一.绘图,刷新界面的方法 1.绘图事件一般在绘图事件中绘图 1 void paintEvent(QPaintEvent *);//绘图事件在窗口重绘的时候(即状态改变)的时候调用 2 { 3 //1 ...
【QT】QT从零入门教程(十三)：QT画笔工具QPainter (双缓冲绘图)
QPainter 用于执行绘图操作,其提供的 API 在 GUI 或 QImage.QOpenGLPaintDevice.QWidget 和QPaintDevice 显示图形(线.形状.渐变等). ...
[Qt教程] 第20篇 2D绘图（十）图形视图框架（下）
[Qt教程] 第20篇 2D绘图(十)图形视图框架(下) 楼主发表于 2013-5-4 15:43:02 | 查看: 861| 回复: 0 图形视图框架(下) 版权声明该文章原创于Qter开源社 ...
[Qt教程] 第19篇 2D绘图（九）图形视图框架（上）
[Qt教程] 第19篇 2D绘图(九)图形视图框架(上) 楼主发表于 2013-5-4 15:26:20 | 查看: 1798| 回复: 26 图形视图框架(上) 版权声明导语在前面讲的基本绘 ...
[Qt教程] 第17篇 2D绘图（七）涂鸦板
[Qt教程] 第17篇 2D绘图(七)涂鸦板楼主发表于 2013-5-2 21:37:41 | 查看: 1255| 回复: 16 涂鸦板版权声明该文章原创于Qter开源社区(www.qter ...
[Qt教程] 第11篇 2D绘图（一）绘制简单图形
[Qt教程] 第11篇 2D绘图(一)绘制简单图形楼主发表于 2013-4-23 12:52:35 | 查看: 1398| 回复: 5 绘制简单图形版权声明该文章原创于Qter开源社区,作者 ...
QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现
QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现结构 UI部分代码部分 step1:实现串口数据接受串口接受数据格式在`.pro`文件中添加`serialp ...

【Qt教程】3.4 - Qt5 QPainter绘图事件、绘图功能

1. QPainter绘图事件简介

2. 绘图功能示例

【Qt教程】3.4 - Qt5 QPainter绘图事件、绘图功能相关推荐

最新文章

热门文章

【Qt教程】3.4 - Qt5 QPainter绘图事件、绘图功能

1. QPainter绘图事件 简介

2. 绘图功能示例

【Qt教程】3.4 - Qt5 QPainter绘图事件、绘图功能相关推荐

最新文章

热门文章

1. QPainter绘图事件简介