文章目录
- 绘图核心API
- 绘制各种形状
- 绘制线段
- 绘制矩形
- 绘制圆形
- 绘制文本
- 设置画笔
- 设置画刷
- 绘制图片
绘图核心API
Qt的各种控件，本质上都是画出来的，这不过这些都是提前画好了，我们拿过来直接使用即可。
实际开发中，可能现有控件无法满足要求，需要自己画一个，所以Qt通过了画图API解决这个问题。
大多数场景无需自己画。
| 类 | 说明 |
|---|---|
| QPainter | “绘画者” 用来绘图的对象，提供一系列drawXXX方法，允许我们绘制各种图像 |
| QPaintDevice | “画板” 描述了QPainter`把图形画到哪个对象上 （QWidget就是QPaintDevice的子类） |
| QPen | “画笔” 描述QPainter画出的线是什么样的 |
| QBrush | “画刷” 描述了QPainter填充一个区域是什么样 |
Tips：
画图相关操作，一般不会放到QWidget的构造函数中调用执行，而是Qt提供了一个
paintEvent事件处理函数，在这里面调用。有一个
paintEvent对应的QPaintEvent事件：
- 控件首次创建
- 控件被遮挡，再解除遮挡
- 窗口被最小化，再还原
- 控件大小发生改变
- 主动在代码中调用
repaint和update触发事件（都是QWidget提供的成员函数）
绘制各种形状
绘制线段
定义在栈上，无需考虑释放问题
此处指定的this，不是父对象，而是指定绘制的设备
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
//绘图工作在这个函数执行
QPainter painter(this); //定义在栈上
painter.drawLine(20, 20, 200, 20);
painter.drawLine(QPoint(20,100), QPoint(200, 100));
}
绘制矩形
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
//绘图工作在这个函数执行
QPainter painter(this); //定义在栈上
painter.drawRect(100, 100, 300, 200);
}
绘制圆形
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
//绘图工作在这个函数执行
QPainter painter(this); //定义在栈上
painter.drawEllipse(200, 200, 100, 100);
}
绘制文本
此处的横坐标表示文字最左侧的位置；纵坐标表示文字的基线位置
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
//绘图工作在这个函数执行
QPainter painter(this); //定义在栈上
painter.drawText(100, 100, "hello world");
}
设置画笔
画笔风格：
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
//绘图工作在这个函数执行
QPainter painter(this); //定义在栈上
QPen pen;
//设置红色画笔
pen.setColor(QColor(255, 0, 0));
//设置线条粗细
pen.setWidth(5);
//设置线条风格
pen.setStyle(Qt::DashLine);
//painter对象使用画笔
painter.setPen(pen);
painter.drawEllipse(200, 200, 100, 100);
}
设置画刷
画刷格式：
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
//绘图工作在这个函数执行
QPainter painter(this); //定义在栈上
QPen pen;
//设置红色画笔
pen.setColor(QColor(255, 0, 0));
//设置线条粗细
pen.setWidth(5);
//设置线条风格
pen.setStyle(Qt::DashLine);
//painter对象使用画笔
painter.setPen(pen);
//
QBrush brush;
//填充颜色
brush.setColor(QColor(0, 255, 0));
//填充风格
brush.setStyle(Qt::SolidPattern);
painter.setBrush(brush);
painter.drawEllipse(200, 200, 400, 100);
}
绘制图片
最常用QPixmap类，表示一个图片。
void Widget::paintEvent(QPaintEvent *event)
{
(void)event;
QPainter painter(this);
QPixmap pixmap(":/ts.jpg");
//基础绘制
painter.drawPixmap(0, 0, pixmap);
}
图片缩放：
//图片缩放 400*300
painter.drawPixmap(100, 100, 400, 300, pixmap);
图片旋转：
本质是将QPainter对象进行旋转，绘制出的内容也就旋转了
rotate(180)是绕着(0, 0)坐标系进行旋转为了能将图片显示，可将原点平移一下
painter.rotate(180);
//平移操作
painter.translate(-800, -600);
painter.drawPixmap(100, 100, 400, 400, pixmap);
除了
QPixmap，还有处理图像的类
QPixmap在显示器显示图片QImage处理IO，允许像素级编辑QBitmap属于QPixmap的子类QPicture记录操作信息
