Qt快速入门学习笔记（画图篇）

1、Qt中提供了强大的2D绘图系统，可以使用相同的API在屏幕和绘图设备上进行绘制，它主要基于QPainter、QPaintDevice和QPaintEngine这三个类。其中QPainter用来执行绘图操作；QPaintDevice提供绘图设备，它是一个二维空间的抽象，可以使用QPainter在其上进行绘制；QPaintEngine提供了一些接口，可以用于QPainter在不同的设备上进行绘制。 QPainter一般在一个部件的重绘事件（Paint Event）的处理函数paintEvent()中进行绘制，首先要创建QPainter对象，然后进行图形的绘制，最后销毁QPainter对象。

2、在Qt窗口里面，(0, 0)点就是窗口的左上角，但这里是不包含外边框的。而在MainWindow主窗口里面绘制时，左上角并不是指中心区域的左上角，而是包含了工具栏。

3、drawArc（）画弧线时，角度被分成了十六分之一，就是说，要想为30度，就得是30*16。

4、如果要绘制一个复杂的图形，尤其是要重复绘制这样的图形，那么可以使用QPainterPath类，然后使用QPainter::drawPath()来进行绘制。QPainterPath类为绘制操作提供了一个容器，可以用来创建图形并且重复使用。一个绘图路径就是由多个矩形、椭圆、线条或者曲线等组成的对象，一个路径可以是封闭的，例如矩形和椭圆；也可以是非封闭的，例如线条和曲线。如果只是简单的将几个图形拼接在一起，其实完全没有必要用路径，之所以要引入路径，就是因为它的一个非常有用的功能：复制图形路径。创建路径后，默认是从(0, 0)点开始绘制的。

5、Qt中每一个窗口都有一个坐标系统，默认的，窗口左上角为坐标原点，水平向右依次增大，水平向左依次减小，垂直向下依次增大，垂直向上依次减小。原点即为（0，0）点，以像素为单位增减，也可以称为窗口坐标系。

6、默认的，QPainter在相关设备的坐标系统上进行绘制，在进行绘图时，可以使用QPainter::scale()函数缩放坐标系统；使用QPainter::rotate()函数顺时针旋转坐标系统；使用QPainter::translate()函数平移坐标系统；还可以使用QPainter::shear()围绕原点来扭曲坐标系统。这里要分清窗口坐标系和绘图坐标系，起始时窗口坐标系与绘图坐标系是重合的，当进行缩放、旋转、平移及扭曲时变化的仅仅是绘图坐标系，而窗口坐标系始终保持不变。

7、QPainter除了可以在QWidget等窗口部件上进行绘制以外，还可以在QPixmap、QImage等上面进行绘制，这些均称为绘图设备。为了表述方面，将QPixmap对象称为画布。画布也有自己的坐标系统，画布坐标系原点在画布的左上角，当进行缩放、旋转、平移及扭曲时变化的也仅仅是相对于画布的绘图坐标系。

8、QWidget和QPixmap各有一套坐标系统，它们互不影响。无论画布在窗口的什么位置，它的坐标原点依然在左上角，为（0,0）点，没有变。而在画布上我们所得到的鼠标指针的坐标值是窗口坐标系统的，不是相对于画布坐标系的。

9、整个图形视图结构主要包含三部分：场景（Scene）、视图（View）和图形项（Item），它们分别对应 QGraphicsScene 、QGraphicsView 、QGraphicsItem三个类。场景是管理图形项的，所有的图形项必须添加到一个场景中，但是场景本身无法可视化，我们要想看到场景上的内容，必须使用视图。

10、QGraphicsItem类是所有图形项的基类。图形视图框架对一些典型的形状提供了一些标准的图形项。比如上面我们使用的矩形（QGraphicsRectItem）、椭圆（QGraphicsEllipseItem）、文本（QGraphicsTextItem）等多个图形项。但只有继承QGraphicsItem 类实现我们自定义的图形项时，才能显示出这个类的强大。

11、在项目中添加新的C++类，类名设为 MyItem，基类设为QGraphicsItem。继承QGraphicsItem类实现自定义的图形项，必须先实现两个纯虚函数boundingRect()和paint()，前者用于定义Item的绘制范围，后者用于绘制图形项。

12、一个场景分为三个层：图形项层（ItemLayer）、前景层（ForegroundLayer）和背景层（BackgroundLayer）。场景的绘制总是从背景层开始，然后是图形项层，最后是前景层。对于前景层，我们一般不进行设置，或者像上面这样设置为半透明的白色。

13、QGraphicsView 提供了视图窗口部件，它使场景的内容可视化。你可以给一个场景关联多个视图，从而给一个数据集提供多个视口。视图部件是一个滚动区域，就是说，它可以提供一个滚动条来显示大型的场景。如果要使用OpenGL，你可以使用QGraphicsView：：setViewport()函数来添加QGLWidget 。

14、在图形视图框架中，鼠标键盘等事件是从视图进入的，视图将它们传递给场景，场景再将事件传递给该点的图形项，如果该点有多个图形项，那么就传给最上面的图形项。所以要想使这个事件能一直传播下去，我们就需要在重新实现事件处理函数时，在其最后将event参数传给默认的事件处理函数。比如我们重写了场景的键盘按下事件处理函数，那么我们就在该函数的最后写上QGraphicsScene：：keyPressEvent(event);一行代码。

15、QGraphicsView默认使用一个QWidget作为视口部件，如果我们要使用OpenGL进行渲染，可以使用setViewport()函数来添加一个QGLWidget对象。看下面的例子。 

我们先在项目文件graphicsView04.pro中加入

QT += opengl

说明要使用OpenGL模块，然后在myview.cpp文件中添加头文件：

#include

最后在构造函数中加入代码：

QGLWidget *widget =new QGLWidget(this);

setViewport(widget);

这样便使用OpenGL进行渲染了。关于OpenGL，我们在后面的3D绘图部分再讲。

16、itemAt()函数可以输出场景上任意点的图形项。而items()函数可以输出场景上所有的图形项。这里应该说明，items()函数返回的图形项列表是按栈的降序排序的，也就是说，items().at(0)返回的是最后加入场景的图形项。

       图形项组其实也是一个图形项，它有图形项所拥有的所有特性。其作用就是将加入它的所有图形项作为一个整体，对这个图形项组进行操作，就相当于对齐中所有图形项进行操作。图形项组是加入它的所有图形项的父图形项。我们要从图形项组中移除一个图形项，可以使用removeFromGroup()函数，它可以将给定的item从group中删除，要注意这时item依然存在，它会回到group的父图形项中，如果group没有父图形项，那么item就会回到场景中。我们可以使用场景的removeItme()函数来删除group，这样也会将group中所有的图形项从场景中删除。还有一种办法是利用场景的destroyItemGroup()函数，它会删除group并销毁它，但是group中的所有图形项会回到group的父图形项中，如果它没有父图形项，那么所有图形项就会回到场景中。

17、图形视图框架提供了两个打印函数render()，一个是在QGraphicsScene中，一个是在QGraphicsView中，并且它们的函数原型是一模一样的。不过它们实现的效果稍有不同。视图的打印函数是依据视图的坐标系进行打印的，它可以看做是程序窗口的截屏。而场景的打印函数，是依据场景的坐标系的，无论视图怎么转换，只要场景坐标系没有变换，它打印出来的图片都是一样的。