QT+opencv将图像显示到ui界面上（含资源）

前言

界面显示摄像头大概有两个方面，一个是定时器的使用，一个是数据类型的转换。界面的更新方式需要通过定时器访问，需要不断的释放摄像头资源，清理内存。数据类型就是QT ui界面常见问题，Mat转为QImage类型。
**

ui界面

首先就是新建一个ui界面，拉拉扯扯的做成自己喜欢的样子，我就简简单单拉扯成，，，这样：

.Pro文件

原有的pro文件保持不变，QT的dll文件调用如下：

QT       += core gui
TARGET = XXX
TEMPLATE = app
CONFIG += c++11

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
DEFINES += QT_DEPRECATED_WARNINGS

opencv环境配置如下，我使用的是opencv3.4.0，用的MSVC2017-64bit编译器：

INCLUDEPATH +=D:\opencv\build\include
INCLUDEPATH +=D:\opencv\build\include\opencv
INCLUDEPATH +=D:\opencv\build\include\opencv2

win32:CONFIG(release, debug|release): LIBS += -L$$PWD/../../../opencv/build/x64/vc14/lib/ -lopencv_world340
else:win32:CONFIG(debug, debug|release): LIBS += -L$$PWD/../../../opencv/build/x64/vc14/lib/ -lopencv_world340d

INCLUDEPATH += $$PWD/../../../opencv/build/x64/vc14
DEPENDPATH += $$PWD/../../../opencv/build/x64/vc14

mainwindow.cpp

1. 制作定时器

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    timer = new QTimer(this);
    image = new QImage();
    connect(timer,SIGNAL(timeout()),this,SLOT(readFarme()));
}

2. 数据类型转换

//Mat转成QImage
QImage MainWindow::MatImageToQt(const Mat &src)
{
    //CV_8UC1 8位无符号的单通道---灰度图片
    if(src.type() == CV_8UC1)
    {
        //使用给定的大小和格式构造图像
        //QImage(int width, int height, Format format)
        QImage qImage(src.cols,src.rows,QImage::Format_Indexed8);
        //扩展颜色表的颜色数目
        qImage.setColorCount(256);

        //在给定的索引设置颜色
        for(int i = 0; i < 256; i ++)
        {
            //得到一个黑白图
            qImage.setColor(i,qRgb(i,i,i));
        }
        //复制输入图像,data数据段的首地址
        uchar *pSrc = src.data;
        //
        for(int row = 0; row < src.rows; row ++)
        {
            //遍历像素指针
            uchar *pDest = qImage.scanLine(row);
            //从源src所指的内存地址的起始位置开始拷贝n个
            //字节到目标dest所指的内存地址的起始位置中
            memcmp(pDest,pSrc,src.cols);
            //图像层像素地址
            pSrc += src.step;
        }
        return qImage;
    }
    //为3通道的彩色图片
    else if(src.type() == CV_8UC3)
    {
        //得到图像的的首地址
        const uchar *pSrc = (const uchar*)src.data;
        //以src构造图片
        QImage qImage(pSrc,src.cols,src.rows,src.step,QImage::Format_RGB888);
        //在不改变实际图像数据的条件下，交换红蓝通道
        return qImage.rgbSwapped();
    }
    //四通道图片，带Alpha通道的RGB彩色图像
    else if(src.type() == CV_8UC4)
    {
        const uchar *pSrc = (const uchar*)src.data;
        QImage qImage(pSrc, src.cols, src.rows, src.step, QImage::Format_ARGB32);
        //返回图像的子区域作为一个新图像
        return qImage.copy();
    }
    else
    {
        return QImage();
    }
}

3. 开启、关闭摄像头（定时器的使用、按钮的使用）：

void MainWindow::on_Open_clicked()
{
    cap.open(0);
    timer->start(33);
}

void MainWindow::on_Stop_clicked()
{
    // 停止读取数据。
    timer->stop();
    cap.release();
    ui->cameraView->clear();
}

按钮转到槽的操作这里不多赘述，本教程只针对对QT界面略有了解的小白

4. 取流，显示图像：

void MainWindow::readFarme()
{
    cap.read(src_image);

    QImage imag = MatImageToQt(src_image);
    ui->cameraView->setPixmap(QPixmap::fromImage(imag));
}

此时，每一帧图像都会不断覆盖src_image，显示在cameraView标签上

mainwindow.h

这里就简简单单定义一个类：

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    //Mat转QLabel
    QImage MatImageToQt(const Mat &src);
    ~MainWindow();

private slots:
    void readFarme();
    void on_Open_clicked();
    void on_Stop_clicked();

private:
    Ui::MainWindow *ui;
    VideoCapture cap;
    Mat src_image;
    QTimer *timer;
    QImage *image;
};

结语

这里使用的是cap.open()打开摄像头，所以界面只能打开免驱或者板载的摄像头，例如笔记本摄像头等，至于工业相机，只能根据工业相机自己的取流例程改了。
分装好的QT工程资源供大家免费下载：https://download.youkuaiyun.com/download/qq_46046959/18972862
GitHub