4.5 Qt Graphics 中的 UI 绘制

        本文是《用 Qt 实现电子白板》的其中一节，建议全章阅读。

---

        这里我们介绍几个 Graphics 基本的几个绘制 Item 的使用方法，以及一些与 UI 绘制相关的特殊功能。

基本绘制 Item

图片绘制

        通过 QGraphicsPixmapItem 可以快速在场景中引入图片。使用代码如下：

QGraphicsPixmapItem * image = new QGraphicsPixmapItem(item);
image->setTransformationMode(Qt::SmoothTransformation);
image->setPixmap(pixmap);

        通常使用图片，需要在缩放时抗锯齿，在 QGraphicsPixmapItem  中，通过设置 TransformationMode 为 SmoothTransformation 来实现。

        当打开一个不规则图片（如下图）时，你可能会发现，打开比较慢，这是因为默认的 ShapeMode 是 MaskShape，会通过图片的透明度，计算出一个只包含不透明像素的区域，这个计算是比较耗时的，所以除非有特殊需求的时候，最好将 ShapeMode 设置为 BoundingRectShape。

image->setShapeMode(QGraphicsPixmapItem::BoundingRectShape);

         如果设置为 MaskShape，会有什么作用呢？相比 BoundingRectShape，一个比较大的区别是对鼠标操作的相应，如果你想用鼠标移动图片，在 MaskShape 描述下，点击透明区域是没有效果的，相当于那一块不属于图片内部。

         在场景中，QGraphicsPixmapItem 默认并不居中，这是因为其原点 {0, 0} 在左上角。你当然可以通过 setPos（或者 move）来将其居中，但是还有另外一种方式，通过改变原点的位置可以实现居中，它就是 setOffset 方法。

QSizeF size = pixmap.size();
image->setOffset(-size.width() / 2, -size.height() / 2);

        假如要为图片增加边框， QGraphicsPixmapItem 是不支持的。作为一个可行方案，可以用一个矩形形状 QGraphicsRectItem 包装 QGraphicsPixmapItem。

形状绘制

        在场景中绘制形状，需要使用 

QAbstractGraphicsShapeItem 或者其派生类。它的派生类可以绘制椭圆、多边形、矩形以及复杂曲线（Path）。

        形状的一般用法（以 QGraphicsPathItem 为例）

setPen(QPen(Qt::black, dp(2.0)));
setBrush(QBrush(QColor("#B4B2FF")));
setPath(path);

         需要注意的是，边线是包含在形状的外边框里面的，也就是画笔（Pen）的宽度，会影响其 boundingRect，并且 boundingRect 不同于 rect （QGraphicsRectItem）或者 path.boundingRect()。

文字绘制

        

SVG 绘制

        

特殊功能

        与绘制相关的功能。

描述图标

位图保存

SVG保存