Qt绘图——QPainter基本绘图

Qt的绘图系统基于 QPainter QPaintDevice 和 QPaintEngine类

1). QPainter ：用于绘图操作的类

2).QPaintDevice ：可以使用QPainter进行绘图的抽象的二维界面

3).QPaintEngine ：为QPainter提供在不同设备上绘图的接口，由QPainter和QPainterDevice内部使用，应用程序无需调用QPaintEngine，除非要创建自己的设备类型

一般绘图设备包括：QWidget 、QPixmap、QImage等，这些绘图设备为QPainter提供一个“画布”

1. QWidget类及其子类是最常用的绘图设备，从QWidget继承的类都有QPaintEvent事件，要在设备上绘图，只需要重定义此事件，并编写响应代码

：：paintEvent（QPaintEvent *e）

{

　　QPainter painter（this）//绘制与绘图设备关联的QPainter对象

　　//painter在设备的窗口上绘图

}

2 . QPainter绘图的主要属性

QPainter绘图，主要绘制一些基本图形元素（点、直线、圆形、矩形、曲线、文字），控制这些绘图元素特性的主要是QPainter的3个属性：

1) pen属性：是一个QPen对象，用于控制线条的颜色、宽度、线型

2）brush属性：是一个QBrush对象，用于一个区域的填充特性，可以设置填充颜色、填充方式、渐变特性等

3）font属性：是一个QFont对象，用于绘制颜色的时候，设置文字的字体样式、大小属性

使用3个属性基本控制绘图的基本特点，还有其他功能可结合使用：叠加旋转和缩放

3. QPen 用于绘图时对线条的设置，主要包括线宽，颜色，线型等，QPen类的主要接口函数，通常一个设置函数都有一个对应的读取函数

setColor（QColor &color） // 设置画笔颜色线条颜色

setWidth（int width） // 设置线条宽度

setStyle（Qt：：PenStyle style） // 设置线条样式，参数为Qt::PenStyle枚举类型

setCapStyle（Qt：：PenCapStyle style） // 设置线条端点样式

setJoinStyle（Qt：：PenJoinStyle style） // 设置连接样式

4. QBrush 用于绘图时填充特性：填充颜色填充样式、材质填充时的材质图片

setColor（QColor &color） //设置画刷颜色，实体填充即为填充色

setStyle（Qt：：BrushStyle style） //设置画刷样式

setTexture（QPixmap &pixmap） //设置一个QPixmap类型的图片作为画刷的图片，画刷样式自动设置为Qt：：TexturePattern

setTextureImage（QImage &image） //设置一个QImage类型的图片作为画刷图片，画刷样式自动设置为Qt：：TexturePattern

setStyle（Qt：：BrushStyle style） //设置画刷样式

Qt：：SolidPatton // 单一颜色填充

Qt：：HorPatton // 水平线填充

Qt：：VerPatton // 垂直线填充

Qt：：TexturePattern // 材质填充需要指定texture 或者 textureImage图片

Qt：：QLinearGradient // 线性渐变

Qt：：QRadialGradient // 辐射渐变

Qt：：QConicalGradient // 圆锥渐变

1 QPixmap texturePixmap（":images/images/texture.jpg"）;
2 QBrush brush
3 brush.setStyle(Qt::TexturePattern)          // 画刷填充材质
4 brush.setTexture(texturePixmap)             // 设置材质图片
5 painter.setBrush(brush)

5 .QBrush 中的渐变填充

3个实现渐变填充的类：

1) QLinearGradient //线性渐变制定一个起点和颜色，一个终点及其颜色，还可以指定中间某点颜色，起点和终点之间的颜色会线性插值计算

2) QRadialGradient //简单辐射和扩展辐射

3) QConicalGradient //圆锥形渐变

还需要用到方法 setSpread（QGradient：：Spread method）函数设置延展方式，圆锥形填充没有延展效果

PadSpread 用结束点的颜色填充外部区域（缺省）

RepeatSpread 重复使用简便方式填充外部区域

ReflectSpread 反射式重复使用简便方式填充外部区域

 1 #include "paintt.h"
 2 #include "ui_paintt.h"
 3 #include <QPaintEvent>
 4 #include <QPainter>
 5 
 6 
 7 PaintT::PaintT(QWidget *parent) :
 8     QWidget(parent),
 9     ui(new Ui::PaintT)
10 {
11     ui->setupUi(this);
12     setPalette(QPalette(Qt::white));//控件调色板 设置窗口为白色背景
13     setAutoFillBackground(true);
14 }
15 
16 PaintT::~PaintT()
17 {
18     delete ui;
19 }
20 
21 void PaintT::paintEvent(QPaintEvent *event)
22 {
23     QPainter painter(this);
24     painter.setRenderHint(QPainter::Antialiasing);   //线条抗锯齿
25     painter.setRenderHint(QPainter::TextAntialiasing);
26 
27     int w = this->width();             //绘图区宽度
28     int h = this->height();            //绘图区高度
29 #if 0
30     QRect rect(w/4 ,h/4,w/2,h/2);      //中间区域矩形框 这个矩形随着widget大小变化而变化
31     QPen pen ;
32     pen.setWidth(3);
33     pen.setColor(Qt::red);
34     pen.setStyle(Qt::DashDotLine);
35     pen.setCapStyle(Qt::FlatCap);
36     pen.setJoinStyle(Qt::BevelJoin);
37     painter.setPen(pen);
38 
39     QBrush brush;
40     brush.setColor(Qt::yellow);
41     brush.setStyle(Qt::SolidPattern);
42     painter.setBrush(brush);
43 #endif
44 //QRadialGradient::QRadialGradient(qreal cx, qreal cy, qreal radius, qreal fx, qreal fy)
45     QRadialGradient radialGrad(w/2,h/2,qMax(w/8,h/8),w/2,h/2);//辐射填充中心点，辐射填充去半径，焦点坐标
46     radialGrad.setColorAt(0,Qt::green);   // 这里使用逻辑坐标
47     radialGrad.setColorAt(1,Qt::blue);    // 0 起点：辐射中心点  1 终点：填充区圆周
48     radialGrad.setSpread(QGradient::ReflectSpread);
49     painter.setBrush(radialGrad);
50 
51     painter.drawRect(this->rect());   //即widget窗口的整个矩形，大于定义的辐射填充区域有延展效果
52 }

自带催眠眩晕效果，不停绘制刷新，不知道会不会出现动态效果

6.QPainter 中的 drawPath 函数绘制一个复合的图形对象

Qt绘图——QPainter基本绘图

猜你喜欢