Qt自定义图片显示（如label、QPainter、widget中显示）

对于图片自定义显示，是一个很容易碰到的问题，比如：文件选择对话框选中一张图片显示在一个label中，摄像头预览画面显示在QPainter中，身份证图片bmp格式显示等，如果你不处理，你画的框框可能只放得下脑袋的一部分。下面代码以经多次运行验证，放心使用。

一： 先看看文件选择对话框选择图片的例子

我先给代码，下面再分析下。

    QString fileName = QFileDialog::getOpenFileName(this, tr("打开图片1"),
                                                    "E:\\study\\QT\\face_similarity",
                                                    tr("图片文件((*.png *jpg *bmp)"));
    qDebug() << fileName;
    img1.load(fileName);                                               								 //加载图片

    QPixmap convertToQP = QPixmap::fromImage(img1);                     //自适应输出到label中
    convertToQP.scaled(ui->label->size(), Qt::KeepAspectRatio);
    ui->label->setScaledContents(true);
    ui->label->setPixmap(convertToQP);

注意：下面分析下一些小细节

1. 先打开指定文件，支持筛选格式，如上面指定.png、 jpg、.bmp
2. 加载图片，由于Qlabel的图片属性是QPixmp的，所以需要从QImage到QPixmap的fromImage
3. setScaledContents属性是把图片自适应，在ui设计器中该属性位于选择图片的下方
4. 上面的代码几乎就是死的，你可以去掉其中几行，看看效果。

二： 将摄像头的画面用QPainter画出来

在项目中还是很需要的，这样处理的摄像头预览画面，可以捕获每一帧视频，进而做复杂的处理，如画人脸框。
我专门的写了一篇关于 用QAbstractVideoSurface捕获视频帧（信号槽方式），并用QPainter画出来。
链接：https://blog.csdn.net/weixin_39956356/article/details/96484789

三： 若有项目遇到读身份证照片显示的，可以参考下

基础补充：
1 身份证照片格式是bmp；大小：102*126 24位
推荐链接：https://blog.csdn.net/u012877472/article/details/50272771

通过上面的阅读，很容易得到下面的结论：
1 bmp图像扫描方式：从左下角-->右上角，即：从左至右，从下至上。不做处理，是反的。
2 一般情况下，前54字节是存储bmp格式图片的基本信息，真正数据从54字节开始。
3 bmp图片的存储格式是BGR，若不做处理，则蓝通道和红通道数据是被交换的，下面有个例子，不要认为仅仅是颜色改变，其实是错误的。Qt默认是RGB32的，所以要进行G、B通道调换--rgbSwapped()，还有opencv也是BGR的格式。
4 对于前面的54字节（14+40）可以好好学习下，上面的博客讲的很清楚。

B、R通道交换的案例：

2 那么这么介绍后，你可能会猜想有两种方案来显示？

方案一： 其实Qt提供一个静态函数专门多种格式的图片格式问题，比如：BMP、JPG、GIF、PNG、SVG等。这是最简单的方法。

下面是Qt支持的全部格式：

两个静态函数：

对于两个fromData()的重载函数，Qt都会试图读取图片格式的头，来判断图片的类型。当然也会结合你指定什么格式（第三个参数）。
第一个参数，若不是const uchar要强制转换，不然不会匹配静态你函数的。
第二参数是大小，你应该提前知道的。
第三个参数是上面BMP、JPG之类的。

直接上一个案例，你就知道怎么使用了。

//printInf.m_printBmpData：bmp图片数组
//身份证大小是38862，
img1 = QImage::fromData((const unsigned char*)printInf.m_printBmpData, 38862, "BMP");

ui->photo->setPixmap(QPixmap::fromImage(img1));
ui->photo>setScaledContents(true);

方案二：构造一个QImage->调换通道->调换方向

//数据从54字节开始，102*126，第三个参数必须要，指定RGB888也没有用，要调换B、R通道。几个构造函数都没有缺省QImage::Format format
QImage img(szBmp+54, 102, 126, QImage::Format_RGB888);
//要调换B、R通道
img= img.rgbSwapped();
//方向可以用mirrored()函数，前面是左右翻转，后面是上下翻转
img= img.mirrored(false, true);                      //水平翻转，原始图片是反的

ui->photo->setPixmap(QPixmap::fromImage(img));
ui->photo>setScaledContents(true);

注意：上面我已经有了BMP的图片数组了，如果你是图片的话，就这样

//第三个QImage构造函数，读入内存
QImage img(image.bmp);
img= img.rgbSwapped();
//方向可以用mirrored()函数，前面是左右翻转，后面是上下翻转
img= img.mirrored(false, true);                      //水平翻转，原始图片是反的

ui->photo->setPixmap(QPixmap::fromImage(img));
ui->photo>setScaledContents(true);

如果你想把图片变成char数组，可以以文件流方式读进来。

3 推荐使用第一种方案哈，第二种效率是远远不行的。。要想写出快而简洁的代码，要仔细研究提供的函数接口。

四：持续更新图片相关问题。。