使用QT显示OpenCV读取的图片

目录

• 1. 概述
• 2. 实现
  • 2.1. 代码
  • 2.2. 解析
• 3. 结果

1. 概述

OpenCV自带了一部分经常使用的GUI功能，可是更多的图像处理功能须要其余GUI框架来辅助实现，这里经过QT来显示OpenCV读取的图片。

2. 实现

在QtCreator中新建一个基于QMainWindow的应用：

其中QImageShowWidget就是用于显示图像的控件，它是继承于QWidget实现的，能够将其嵌入QMainWindow的centralwidget中：

QImageShowWidget是自定义的显示组件，能够首先在QtCreator的设计师界面拖入一个QWidget，再经过“窗口部件提高”功能提高为QImageShowWidget。

2.1. 代码

qimageshowwidget.h代码以下：

#ifndef QIMAGESHOWWIDGET_H
#define QIMAGESHOWWIDGET_H

#include <QWidget>

class QImageShowWidget : public QWidget
{
    Q_OBJECT
public:
    explicit QImageShowWidget(QWidget *parent = nullptr);
    ~QImageShowWidget();

    bool LoadImage(const char* imagePath);

signals:

public slots:

protected:
    void paintEvent(QPaintEvent *);     //绘制

    void Release();

private:
    uchar* winBuf;      //窗口填充buf
    int winWidth;      //窗口像素宽
    int winHeight;      //窗口像素高
    int winBandNum;      //波段数

};

#endif // QIMAGESHOWWIDGET_H

qimageshowwidget.cpp代码以下：

#include "qimageshowwidget.h"

#include <opencv2\opencv.hpp>
#include <QPainter>
#include <QDebug>
#include <iostream>

using namespace cv;
using namespace std;

QImageShowWidget::QImageShowWidget(QWidget *parent) : QWidget(parent)
{
    //填充背景色
    setAutoFillBackground(true);
    setBackgroundRole(QPalette::Base);

    winBuf = nullptr;
    winWidth = rect().width();
    winHeight = rect().height();
    winBandNum = 3;
}

QImageShowWidget::~QImageShowWidget()
{
    if(winBuf)
    {
        delete[] winBuf;
        winBuf = nullptr;
    }
}

bool QImageShowWidget::LoadImage(const char* imagePath)
{
    //从文件中读取成灰度图像
    Mat img = imread(imagePath);
    if (img.empty())
    {
        fprintf(stderr, "Can not load image %s\n", imagePath);
        return false;
    }

    Release();

    winWidth = rect().width();
    winHeight = rect().height();
    size_t winBufNum = (size_t) winWidth * winHeight * winBandNum;
    winBuf = new uchar[winBufNum];
    memset(winBuf, 255, winBufNum*sizeof(uchar));

    for (int ri = 0; ri < img.rows; ++ri)
    {
        for (int ci = 0; ci < img.cols; ++ci)
        {
            for(int bi = 0; bi < winBandNum; bi++)
            {
                size_t m = (size_t) winWidth * winBandNum * ri + winBandNum * ci + bi;
                size_t n = (size_t) img.cols * winBandNum * ri + winBandNum * ci + bi;
                winBuf[m] = img.data[n];
            }
        }
    }

    update();

    return true;
}

//从新实现paintEvent
void QImageShowWidget::paintEvent(QPaintEvent *)
{
    if(!winBuf)
    {
        return;
    }

    QImage::Format imgFomat = QImage::Format_RGB888;

    QPainter painter(this);
    QImage qImg(winBuf, winWidth, winHeight, winWidth*winBandNum, imgFomat);
    painter.drawPixmap(0, 0, QPixmap::fromImage(qImg));
}

void QImageShowWidget::Release()
{
    if(winBuf)
    {
        delete[] winBuf;
        winBuf = nullptr;
    }
}

2.2. 解析

全部基于QWidget的类均可以从新实现界面重绘事件paintEvent(),它会在界面须要的时候（例如调用update()）自动重绘。在这个事件函数中能够经过图形绘制接口QPainter绘制：

QImage::Format imgFomat = QImage::Format_RGB888;

QPainter painter(this);
QImage qImg(winBuf, winWidth, winHeight, winWidth*winBandNum, imgFomat);
painter.drawPixmap(0, 0, QPixmap::fromImage(qImg));

能够看到QPainter绘制的实际上是QImage对象，也就是重点是构造QImage这个对象。这个对象是由申请的内存winBuf来构建的。显示的图像是由宽、高以及波段组成的，须要将三维空间压缩为一维空间——简单来说，内存的组成为RGBRGBRGB...,而且起点位置为左上角，由左至右，由上至下。

OpenCV读取的图像为Mat对象：

//从文件中读取成灰度图像
Mat img = imread(imagePath);
if (img.empty())
{
    fprintf(stderr, "Can not load image %s\n", imagePath);
    return false;
}

Mat对象能够经过data()方法直接访问读取的图像内存。而这块内存也是RGBRGBRGB...的结构组成，而且起点位置也是左上角，由左至右，由上至下。将其逐像素传入到申请的内存winBuf：

winWidth = rect().width();
winHeight = rect().height();
size_t winBufNum = (size_t) winWidth * winHeight * winBandNum;
winBuf = new uchar[winBufNum];
memset(winBuf, 255, winBufNum*sizeof(uchar));

for (int ri = 0; ri < img.rows; ++ri)
{
    for (int ci = 0; ci < img.cols; ++ci)
    {
        for(int bi = 0; bi < winBandNum; bi++)
        {
            size_t m = (size_t) winWidth * winBandNum * ri + winBandNum * ci + bi;
            size_t n = (size_t) img.cols * winBandNum * ri + winBandNum * ci + bi;
            winBuf[m] = img.data[n];
        }
    }
}

3. 结果

经过界面加载一张图像，显示结果以下：