qt - 图像

• qt-图像操作
• • QPixmap
  • • QLabel/QPixmap
    • QPushButton/QToolButton/QPixmap
    • QPixmap/QImage
    • QPixmap/imageReader
    • QPixmap/QByteArray
    • QPixmap/QDatastream/QFile
  • QImage
  • • QImage/QPainter
    • QImage/QLabel
    • QImage/QPixmap
    • QImage/imageReader
    • QImage/QByteArray
    • QImage/QDatastream/QFile
  • QPicture
  • QBitmap
  • QImageReader/QImageWriter
• QPainter绘图
• • 事件处理
  • 事件处理进阶
  • 绘制设置
  • 坐标系变换
  • 容器路径

qt-图像操作

https://blog.csdn.net/iriczhao/article/details/123265538
https://blog.csdn.net/weixin_44116061/article/details/106412187!!!
https://blog.csdn.net/qq_45662588/article/details/120366824

• QPixmap
• QImage
• QBitmap
• QPicture

QPixmap

图片类，用于显示图片
对于图片的显示做了优化处理
在平台有关，不同平台在内部的存储形式有区别
只能在主线程中使用

QPixmap对象可以通过值传递
QPixmap中的像素是由操作系统管理的
Qpixmap 中的像素只能通过Qpainter或转换成QImage才能访问

读取/写入

load()/loadFromdata() // 从本地文件或资源文件中读取
save() // 保存qpixmap对象

构建/保存

// 相当于一个画布，不依赖与Widget
QPixmap pix(400,300); // 像素是400,300
pix.fill(Qt::white);
QPainter painter(&pix);
painter.setPen(Qt::red);
painter.drawEllipse(QPoint(100,100),50,50);
pix.save("./mypix.jpg"); // 保存到本地磁盘

void Widget::paintEvent(QPaintEvent *)
{QPainter painter(this);QPixmap pix;pix.load("mypix.jpg");painter.drawPixmap(0,0,50,50,pix); //在（0，0）点起始的宽高均为50的矩形中显示图片painter.translate(50,50); //将起始点改为（50，50）painter.drawPixmap(0,0,50,50,pix); //在（50，50）起始的宽高为50的矩形中显示图片
}

QLabel/QPixmap

QPixmap pix("/path");
QLabel label;
label.setPixmap(pix);
label.show();

QPushButton/QToolButton/QPixmap

可以基于QPixmap将图像显示到QPushButton/QToolButton

QPixmap/QImage

通常，QImage 类用于加载图像文件，并操作图像数据。然后将 QImage 对象转成 QPixmap 对象在屏幕上显示
如果不需要对像素进行操作，可以直接将图像加载到QPixmap中

QImage --> QPixmap

QPixmap::fromImage()

QPixmap --> QImage

QPixmap::toImage()

QPixmap/imageReader

fromImagereader

从直接从 imageReader 读取的图像创建 QPixmap

QPixmap/QByteArray

loadFromData
uchar* 或 QByteArray --> QPixmap
从直接从 imageReader 读取的图像创建 QPixmap

QPixmap/QDatastream/QFile

写入

将给定的像素图作为 PNG 图像写入给定的流。
注意，将流写入文件不会产生有效的图像文件

QFile file("file.dat");
QDataStream stream(&file);
file.open(QIODevice::WriteOnly);QPixmap pixmap("D://eee.jpg");
stream << pixmap;
file.close();

读取

从给定的流中读取图像到给定的像素图

QFile file("file.dat");
file.open(QIODevice::ReadOnly);
QDataStream stream(&file);
QPixmap pixmap;
stream >> pixmap;
file.close();QLabel label;
label.setPixmap(pixmap);
label.show();

QImage

图片类，不依赖于平台，任何平台在内部的存储形式都是一样的
可以用于多线程中
多用于图片的传输，可以做像素级的修改
I/O优化

读取/写入

load()/loadFromdata() // 从本地文件或资源文件中读取
save() // 保存qpixmap对象

加载/像素级修改

void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this);QImage img;img.load(":/images/images/bus.jpg");for (int i=50;i<100;i++){for (int j=50;j<100;j++){img.setPixel(i,j,qRgb(255,0,0));}}painter.drawImage(0,0,img);
}

QImage/QPainter

构建/保存

QImage img(400,300,QImage::Format_RGB32);
img.fill(Qt::white);
QPainter painter(&img);
painter.setPen(Qt::red);
painter.drawEllipse(QPoint(100,100),50,50);
img.save("./myimg.jpg"); // 保存到本地磁盘

加载/像素级修改

void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this);QImage img;img.load(":/images/images/bus.jpg");for (int i=50;i<100;i++){for (int j=50;j<100;j++){img.setPixel(i,j,qRgb(255,0,0));}}painter.drawImage(0,0,img);
}

QImage/QLabel

最好的方式是转换为QPixmap显示到QLabel

QImage/QPixmap

见QPixmap/QImage

QImage/imageReader

QImage/QByteArray

QImage/QDatastream/QFile

QPicture

可以理解为一个绘图的工具，保存有绘图的记录（类比QPainterPath）和重绘制的指令
存储的形式是二进制形式
与QPainter联合使用，用于记录和回播Qpainter

Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);QPicture pic;// version1
//    QPainter painter(&pic);
//    painter.setPen(Qt::red);
//    painter.drawEllipse(QPoint(100,100),50,50);
//    painter.end();// version2QPainter painter;painter.begin(&pic);painter.setPen(Qt::red);painter.drawEllipse(QPoint(100,100),50,50);painter.end();//    pic.save("./mypic.dat"); //二进制的形式}

加载

void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this);QPicture pic;pic.load("./mypic.dat");painter.drawPicture(0,0,pic);
}

QBitmap

只能是黑白图像 不能是彩色图像
继承自QPixmap 深度为1

QBitmap bm(400,300);
QPainter painter(&bm);
painter.setPen(Qt::red);
painter.drawEllipse(QPoint(100,100),50,50);
bm.save("./bm.jpg");

QImageReader/QImageWriter

QPainter绘图

QPaintEvent绘图事件 – > paintEvent绘图事件处理函数
当发生QPaintEvent绘图事件时，就自动调用paintEvent绘图事件处理函数

对于QPainterEvent绘图事件处理函数，当程序运行后，窗体自动调用QPainterEvent绘图事件处理函数

事件处理

void Widget::paintEvent(QPaintEvent *)
{QPainter painter(this); // 创建一个QPainter类对象 调用构造函数 this指针指向的是当前Widget这个窗体painter.setPen(Qt::blue);painter.setFont(QFont("Arial",30));painter.drawText(rect(),Qt::AlignCenter,"Qt"); // rect表示在一个矩形的区域里绘制文字// 绘制文字QFont font("楷体",20,QFont::Bold,true); // 字体、字号、加速、斜体font.setUnderline(true); // 设置下划线painter.setFont(font);painter.setPen(Qt::blue);painter.drawText(50,50,"hello world"); // 50,50表示左上角坐标// 指定使用绘图工具QPen pen(QColor(255,0,0)); // 创建一个画笔pen.setWidth(3); // 设置粗细pen.setStyle(Qt::DashDotDotLine);painter.setPen(pen); // 使用绘笔// 画线painter.drawLine(QPoint(0,0),QPoint(100,100)); // 创建QPoint的匿名对象// 画圆painter.drawEllipse(QPoint(100,100),20,20);// 椭圆painter.drawEllipse(QPoint(100,100),50,30);// 矩形painter.drawRect(100,100,30,50); // (100,100)是左上角的坐标// 正方形painter.drawRect(100,100,80,80);// QPen 画笔// QBrush 画刷QBrush brush(Qt::green,Qt::Dense1Pattern);painter.setBrush(brush);
//    painter.setPen(pen); // 加不加setPen都行好像painter.drawRect(200,200,80,80);
}

事件处理进阶

#include "widget.h"
#include "ui_widget.h"
#include 
#include 
#include 
#include 
Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);angle=0;// 创建定时器QTimer *timer=new QTimer(this);timer->start(1000);// QWidget::update 会自动调用paintEvent函数!!!void (QWidget:: *widget_update)()=&QWidget::update;connect(timer,&QTimer::timeout,this,widget_update); // 因为存储在函数重载
//    connect(timer,&QTimer::timeout,this,&QWidget::repaint);
}void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this);// 更新angleangle+=10;if (angle==360) angle=0;// 抗锯齿painter.setRenderHint(QPainter::Antialiasing);// 将坐标系平移到当前窗体的中心,其始终是跟随状态//    this->width(),this->height()painter.translate(this->width()/2,this->height()/2);painter.drawEllipse(QPoint(0,0),120,120);painter.rotate(angle);painter.drawLine(QPoint(0,0),QPoint(100,0));}

绘制设置

锥形渐变

void Widget::paintEvent(QPaintEvent *)
{QPainter painter(this); // 创建一个QPainter类对象 调用构造函数 this指针指向的是当前Widget这个窗体// 锥形渐变// 默认逆时针旋转，0表示实际的三点钟方向QConicalGradient conicalGradient(QPointF(200,100),0); // 创建一个对象 0表示angleconicalGradient.setColorAt(0.2,Qt::cyan); // 设置渐变色 0-1 0到360*0.2=72度逐渐变为Qt::cyanconicalGradient.setColorAt(0.4,Qt::black); // 设置渐变色 0-1 从72度到72+72度逐渐变为黑色conicalGradient.setColorAt(0.7,Qt::red); // 设置渐变色 0-1 黑色渐变位红色conicalGradient.setColorAt(0.7,Qt::yellow); // 设置渐变色 0-1painter.setBrush(conicalGradient); // 利用锥形渐变作为画刷painter.drawEllipse(QPointF(200,100),50,50);
}

抗锯齿

void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this);// version 1
//    QPen pen(QColor(255,0,0));
//    painter.setPen(pen);// version 2 创建匿名画笔painter.setPen(QPen(Qt::red,15));painter.drawEllipse(QPoint(200,200),100,100);// 抗锯齿painter.setRenderHints(QPainter::Antialiasing);painter.translate(200,0); // 向右平移，相当于坐标系平移painter.drawEllipse(QPoint(200,200),100,100);
} 

坐标系变换

void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this); /* 坐标系旋转平移 */painter.setPen(QPen(Qt::red,10));// 直线painter.drawLine(QPoint(10,10),QPoint(100,100));painter.save(); // 保存当前坐标系（此时是初始状态）painter.translate(200,0); // 坐标系平移200painter.rotate(90); // 顺时针旋转90/*A --> A'\    /\  /\/B/B'*/painter.setPen(QPen(Qt::blue,10));painter.drawLine(QPoint(10,10),QPoint(100,100));/* 恢复坐标系 */painter.restore();painter.setPen(QPen(Qt::black,3));painter.drawLine(QPoint(11,11),QPoint(200,200));/* 坐标系旋转缩放 */painter.setPen(QPen(Qt::red,3));painter.setBrush(Qt::yellow); // 设置画刷用于填充painter.drawRect(50,50,50,50); // 正方形painter.save();painter.scale(1.5,2);painter.setBrush(Qt::green); // 设置画刷用于填充painter.drawRect(50,50,50,50); // 正方形
}

容器路径

QPainterPath 表示一个容器，可以放置之前绘制的各种各样的图形
目标就是要重复绘制

void Widget::paintEvent(QPaintEvent*)
{QPainter painter(this);// 准备一个容器，设置容器内的内容QPainterPath painterPath;painterPath.moveTo(50,250); // 移动起始位置painterPath.lineTo(50,200);painterPath.lineTo(100,100);painterPath.addEllipse(QPoint(100,100),30,30);// 指定painter进行绘制painter.setPen(Qt::red);painter.drawPath(painterPath);// 容器移动坐标系painterPath.translate(200,0);painter.setPen(Qt::blue);painter.drawPath(painterPath);
}