Qt：绘图API

初识绘图

绘图API的使用

绘制形状(QPaintEvent)

绘制文字(画笔QPen)

内部填充(画刷QBrush)

绘制图片(QPixmap)

初识绘图

我们前面学习 Qt 主要是学 Qt 的各种控件，本质上都是画出来的
都是一些常用的东西，Qt 已经提前画好了，拿过来就能使用

实际开发中，很可能现有的控件无法满足需求，就需要自己 diy 一些控件/效果
Qt 提供的绘图 API 就是为了解决上述问题的
实际开发中大部分情况下不需要使用绘图 API

绘图API核心类：

画图相关的操作，一般不会放到 QWidget 的构造函数中调用执行，而是 Qt 提供了一个 paintEvent
事件处理函数，在这里进行调用

在出现下面的情况时，都能够自动触发到 QPaintEvent 事件：

1.控件首次创建的时候
比如往 QWidget 上画画
QWidget 创建之前，画的东西当然不生效
首次创建 QWidget 就能显示出画的东西来
2.控件被遮挡, 再解除遮挡
这个时机进行绘制也是很重要的,否则绘制的内容就会在被遮挡之后就没了
3.窗口被最小化，再还原
4.控件大小发生改变的时候
5.主动在代码中调用 repaint 或者 update触发事件.(都是 QWidget 提供的成员函数)

因此 paintEvent 函数也就能够自动被调用

绘图API的使用

绘制形状(QPaintEvent)

在 widget.h 中需要重写 PaintEvent 函数：

函数定义如下：

上述函数的注意事项：

(void)event；是为了不报警告，因为下面的程序没有用到参数 event
这是定义在栈上的变量，不需要考虑释放的问题，此处指定的 this，不是父对象，而是指定绘制的设备(往啥东西上画)
drawLine后面的参数表示起点和终点的横纵坐标

此时效果为一条斜线：

也可以画矩形：

效果为：

也可以画圆形，前两个参数表示圆心的位置坐标，后两个参数表示圆的外接矩形的宽度和高度

正圆形：

椭圆形：

椭圆形的效果为：

绘制文字(画笔QPen)

在上述画形状的地方改为下面的代码，就可以绘制文字了：

注意理解这里的坐标的位置
此处的 0 横坐标，表示的是文字最左侧的位置
此处的 100 纵坐标，表示的是文字的"基线位置" (整个字从上到下大约第二个三等分点的位置)，也就是下图中红色线的位置：

效果为：

如果觉得字体不符合预期，也可以设置字体和字体大小：

此时效果如下：

通过画笔对象 QPen 设置绘制的形状的颜色信息：
颜色、粗细、样式

还可以设置样式：

下面设置圆形的颜色、粗细、样式：

效果为：

内部填充(画刷QBrush)

画刷QBrush 主要是起到内部填充的效果

除了颜色，还有风格：

在上述画笔的代码中，添加画刷的相关代码：

此时效果为：

上述是采用实心的方式填充的，下面采用其他方式填充：

效果为：

此时绿色填充中间就变为绿色的网格线了

绘制图片(QPixmap)

Qt提供了四个类来处理图像数据：Qlmage、QPixmap、QBitmap和 QPicture

它们都是常用的绘图设备

其中Qlmage主要用来进行I/0 处理，它对I/0处理操作进行了优化，而且可以用来直接访问和操作像素
OPixmap 主要用来在屏幕上显示图像，它对在屏幕上显示图像进行了优化
QBitmap是 QPixmap 的子类，用来处理颜色深度为1的图像，即只能显示黑白两种颜色
QPicture 用来记录并重演 OPainter 命令

下面以 QPixmap 为例，只讲解 QPixmap

先创建一个项目，再创建 qrc 文件，将前面的 cat.png 导入进项目中

同样重写 paintEvent 函数：

效果为：

除了能进行基础的绘制，还能进行图片缩放：

100,100：指的是距离窗口左上角的偏移
400,300：指的是图片缩放的长宽比例

效果为：

还可以进行图片旋转：

painter.rotate(180) 是绕着 0,0 坐标系原点进行的旋转，此时旋转的效果看不到小猫图片，因为已经旋转到窗口外面了：

为了让图片能够显示出来，可以把坐标系原点(Painter 的起点) 平移一下
painter.translate(-800, -600) 表示将原点平移到 -800,-600 的位置
因为原本的坐标系是向右和向下增长的，现在旋转180度变为向左和向上增长，想让图片显示出来，就需要将图片向右和向下平移，所以x和y需要减小，也就是 -800,-600，此时效果为：