Qt中QPainter基本绘图

QWidget 派系的只能在paintEvent中进行重绘；如果你想要很好的交互功能的话推荐QGraphicsView框架，自定义Item的绘制在paint函数；如果你想利用线程绘制的话，你可以创建个QPixmap或者QImage，然后在把图片当画布在线程中绘制。

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基本绘图相关推荐

Qt中QPainter的使用
Qt中QPainter的使用 GUI用户界面的优点是通过提供可视化的工具为客户提供便利的操作,界面上的按钮.编辑框等都是通过绘图得到的.Qt的二维绘图基本功能是使用QPainter在绘图设备上绘图,通 ...
QT 中QPainter绘制文字、图片
1. 把字符串绘制在QPixmap上 QPixmap MainWindow::text2Pixmap(QString text) { QFontMetrics fmt(m_font); QPixmap ...
1.关于QT中的Graphics绘图，定时器，动画，将窗口中的内容打印到图片上，打印机，打印预览
1 新建项目 A 修改pro中的内容如下: HEADERS += \ MyWidget.h SOURCES += \ MyWidget.cpp QT += gui widgets prints ...
Qt中 QPainter 刷新出现的问题
最近学习Qt 自定义绘画时碰到两个问题,问题如下: 自定义绘画图形,采用重写QPaintEvent,发现绘画不起作用: 1.Qpainter不刷新,解决方法:在触发刷新是,调用updata()函数强行 ...
QT每日一练day28：QT中的2D绘图知识概念——讲义截图
在Qt中使用OpenGL（四）
前言在Qt中使用OpenGL(一) 在Qt中使用OpenGL(二) 在Qt中使用OpenGL(三) 在之前的文章中,我们通过一个最简单的例子完成了在Qt中使用OpenGL绘图的全过程,然后又使用了纹 ...
【Qt】2D基本绘图操作——QPainter执行绘制及绘图设备介绍
文章目录 QPainter绘图绘图设备 QPixmap QImage QPicture Qt实现2D绘图主要基于QPainter.QPaintDevice.QPaintEngine三个类,- - Q ...
Qt中使用OpenGL进行绘图
Qt Creator中的3D绘图及动画教程(参照NeHe) 刚刚学习了Qt Creator,发现Qt提供了QtOpenGL模块,对OpenGL做了不错的封装,这使得我们可以很轻松地在Qt程序中使用Op ...
Qt QPainter基本绘图
Qt QPainter基本绘图 QPen QBrush 渐变填充 QFont 基本图形元件 QPainterPath QPainter::CompositionMode 实例1 QPainter绘图操 ...

Qt中QPainter基本绘图

Qt中QPainter基本绘图相关推荐

最新文章

热门文章