嵌入式开发-课件-第6章、Qt图形绘制与多媒体.pdfVIP

入式学院—华清远见旗下品牌： 《Qt4 图形设计与 入式开发》 《Qt4 图形设计与 入式开发》——第6 章、Qt 图形绘制与多媒体 第6 章 Qt 图形绘制与多媒体 入式学院—华清远见旗下品牌： 《Qt4 图形设计与 入式开发》——第6 章、Qt 图形绘制与多媒体 6.1 Qt 坐标系统 坐标系统是由QPainter 类来控制的，它包含了QPaintDevice 与QPaintEngine 类。 QPainter 是基于Qt 的绘画系统，用来进行绘画的操作。 QPaintDevice 被QPainter 用来绘画一个二维空间，QPaintEngine 提供了一个在 设备上绘画的界面，QPaintDevice 作为基类可以被兼容到 QWidget 、QPixmap 、 QPicture 、QImage 和QPrinter 类中。 坐标相对于任何部件类都是以左上角为起点坐标，向右是x 坐标的增加，向下 是y 坐标的增加，每个坐标的像素是根据不同部件的类型来指定的。 在根据起始坐标进行转换的过程中，要做到从物理坐标到逻辑坐标的转换， QPainter 类本身提供了以上坐标的转换。 与数学上的逻辑坐标一样，当绘画的时候要忽略掉宽度。 图 6.1 所示是通过坐标上的两个点来实现矩形和一条直线的绘画。具体使 用函数 如下： 图6.1 逻辑坐标图 （1）QRect( 1,2,7,6) （2 ）QLine(2,7,6,1) 每当绘画的时候，像素的渲染控制是通过QPainter :Antialiasing，在计算机图形 中绘画有时会有锯齿形的情况。例如图6.2 所示，绘画一个矩形不会出现这样的情 况，如果绘画一条直线painter.drawLine(2,7,6,1) ，就会出现边缘不规则的情况。 图6.2 矩形与直线的绘画差异 入式学院—华清远见旗下品牌： 《Qt4 图形设计与 入式开发》——第6 章、Qt 图形绘制与多媒体 画笔宽度的像素如果是偶数的话，就会出现一个平滑的区域。无论是绘画矩形还 是直线，在 QRectF 绘画示例中，都可以使用逻辑的绘画表示，画笔的宽度决定画 笔的大小和渲染样式，如图6.3～图6.6 所示。 图6.3 逻辑矩形的绘画方法 图6.4 一像素宽度 图6.5 两像素宽度 图6.6 三像素宽度 由于像素的原因，所以会出现真正的绘画与坐标数值的偏离，我们拿两个像素 的绘画图形作为示例，它的左上角坐标x 会小于坐标所以需要lift() 1，而右下角 坐标会比原来数值的x 偏离right()+1 单位。 没有锯齿的绘画可以使用两个像素的方法来解决。 （1）无锯齿的矩形。 QPainter painter (this); painter.setRenderHint (QPainter::Antialiasing); painter.setPen (Qt::darkGreen); painter.drawRect (1, 2, 6, 4); （2 ）无锯齿的直线。 QPainter painter (this); painter.setRenderHint( QPainter::Antialiasing); painter.setPen (Qt::darkGreen); painter.drawLine (2, 7, 6, 1); 默认地，QPainter 的操作是根据设备的坐标系统进行绘画，但它也完全支持映 射的坐标转换，如图6.7 所示。 入式学院—华清远见旗下品牌：