44、QImage---------绘图
QImage
QImage 是 Qt 框架中的一个类，用于处理和操作图像数据。它提供了多种功能，包括加载、保存、转换和绘制图像。以下是 QImage 的详细知识点和功能：
1. 基本概念
●定义: QImage 是一个用于处理图像的类，支持多种格式（如 BMP、PNG、JPEG 等），并提供了对图像数据的低级访问。
●用途: 常用于图形应用程序中，能够加载和保存图像文件，进行图像处理和绘制。
2. 创建 QImage
- 默认构造函数: 创建一个空的
QImage对象。
QImage image;- 指定大小和格式: 创建一个指定大小和格式的
QImage。
QImage image(width, height, QImage::Format_RGB32);- 从文件加载: 从文件加载图像。
QImage image("path/to/image.png");- 从其他 QImage 复制: 通过复制构造函数创建一个新的 QImage。
QImage copyImage(originalImage);3. 图像格式
- 格式类型
QImage::Format_RGB32：每个像素占用 32 位（RGBA），适用于高质量图像。QImage::Format_ARGB32：包含 Alpha 通道（透明度）。QImage::Format_Grayscale8：灰度图像。QImage::Format_Mono：单色图像。
4. 图像操作
- 图像大小:
- 获取图像的宽度和高度：
int width = image.width(); int height = image.height();- 缩放和裁剪:
- 缩放图像：
QImage scaledImage = image.scaled(newWidth, newHeight);- 裁剪图像：
QImage croppedImage = image.copy(x, y, width, height);- 旋转和翻转:
- 旋转图像：
QImage rotatedImage = image.transformed(QMatrix().rotate(90));- 水平翻转：
image = image.mirrored(true, false);5. 图像保存
- 保存到文件: 将图像保存到文件中，支持多种格式。
image.save("path/to/save/image.png", "PNG");7. 绘制 QImage
- 在 QWidget 上绘制:
void MyWidget::paintEvent(QPaintEvent *event) { QPainter painter(this); painter.drawImage(0, 0, image); }- 使用
QPainter在QWidget上绘制QImage。
- 使用
8. 示例: 加载修改保存图像
我们希望创建一个ImageWidget，加载原有的图片资源，并在原有的图片资源基础上绘制一个圆形的红色圈圈，并且通过widget显示出来
实现过程
我们创建一个QT项目，名称为ImageWidget，窗口名称为ImageWidget继承自QWidget.
项目建立好后，右键项目添加新建文件，选择Qt resource file，名称叫做res即可
无需创建前缀，前缀为/即可，添加文件选择文件夹中的th.jpg
在ImageWidget中添加QImage成员和声明paintEvent函数
protected: void paintEvent(QPaintEvent* event) override; private: QImage image;接下来在ImageWidget构造函数中加载图片资源
ImageWidget::ImageWidget(QWidget *parent) : QWidget(parent), ui(new Ui::ImageWidget) { ui->setupUi(this); //加载图像 if(!image.load(":/th.jpg")){ // 确保资源路径正确，如果加载失败则创建一个像素32位的图像 image = QImage(200,200,QImage::Format_ARGB32); //填充颜色 image.fill(Qt::white); } //对图像处理... }我们可以使用QPainter在图片中心上绘制一个红色的圆圈
ImageWidget::ImageWidget(QWidget *parent) : QWidget(parent), ui(new Ui::ImageWidget) { ui->setupUi(this); //加载图像 if(!image.load(":/th.jpg")){ // 确保资源路径正确，如果加载失败则创建一个像素32位的图像 image = QImage(200,200,QImage::Format_ARGB32); //填充颜色 image.fill(Qt::white); } // 对图像进行简单处理：在图像中心绘制一个红色圆圈 QPainter painter(&image); //设置抗锯齿 painter.setRenderHint(QPainter::Antialiasing, true); //设置画刷 painter.setBrush(Qt::red); //画圆形，在图片中心且半径为50 painter.drawEllipse(image.rect().center(), 50, 50); // 保存修改后的图像（可选） image.save("modified_image.png"); // 设置固定的大小 setFixedSize(image.size()); }此时运行程序后，去运行的目录里会看到有一个新的图片modified_image.png，打开看图片上有一个红色的圆圈
我们接下来在ImageWidget上绘制这个图片，可以重写paintEvent函数，采用QPainter绘制
void ImageWidget::paintEvent(QPaintEvent *event) { Q_UNUSED(event); QPainter painter(this); //绘制图像函数 painter.drawImage(0, 0, image); }程序启动后，可以看到widget中绘制了我们添加的图片
9. 示例: 图像转灰度图像
我们实现在一个widget中展示一个图片的不同效果，一个原图，一个灰度图，如下图所示
实现过程
我们新建项目，主窗口创建GrayscaleWidget继承自QWidget
接下来我们在类的声明中声明两个QImage类型的变量, 并且重写paintEvent函数
class GrayscaleWidget : public QWidget { Q_OBJECT public: explicit GrayscaleWidget(QWidget *parent = nullptr); ~GrayscaleWidget(); protected: //重写绘制逻辑 virtual void paintEvent(QPaintEvent *event) override; private: Ui::GrayscaleWidget *ui; //存储彩色图像 QImage colorImage; //存储灰度图 QImage grayImage; };接下来我们在构造函数中加载我们的彩色图片资源，加载图片资源前也是需要将图片资源添加到项目里，通过创建qt 资源再添加
GrayscaleWidget::GrayscaleWidget(QWidget *parent) : QWidget(parent), ui(new Ui::GrayscaleWidget) { ui->setupUi(this); // 加载彩色图像 if (!colorImage.load(":/th.jpg")) { // 确保资源路径正确 colorImage = QImage(200, 200, QImage::Format_ARGB32); colorImage.fill(Qt::white); } // 转换为灰度图像 grayImage = colorImage.convertToFormat(QImage::Format_Grayscale8); //设置窗口大小 setFixedSize(colorImage.width() * 2 + 10, colorImage.height()); }重写绘制事件
void GrayscaleWidget::paintEvent(QPaintEvent *event) { Q_UNUSED(event); //创建painter QPainter painter(this); // 绘制彩色图像 painter.drawImage(0, 0, colorImage); // 在彩色图像右侧绘制灰度图像 painter.drawImage(colorImage.width() + 10, 0, grayImage); }