QT GUI界面的使用 opencv选择并显示图片于label中

是上一篇文章代码的修改。
新建的是widget，QT5之后，ui界面的程序已经不叫做QT4 GuiApplication之类的了，不过作用都一样。

如图

建立之后，在左侧Forms里找到 .ui打开，是界面窗口，我们拖入两个push button，和一个label。

如图

右键分别点击button转到槽，会自动为你在mainwindow.cpp里建立点击事件，并在mainwindow.h中声明。

函数具体如下

.pro文件一样加入以下应用信息，（后六行），前面几行应该是建立就有的，此处贴出来

SOURCES += \
        main.cpp \
        mainwindow.cpp

HEADERS += \
        mainwindow.h

FORMS += \
        mainwindow.ui
INCLUDEPATH += /usr/local/include \
                /usr/local/include/opencv \
                /usr/local/include/opencv2

LIBS += /usr/local/lib/libopencv_highgui.so \
        /usr/local/lib/libopencv_core.so    \
        /usr/local/lib/libopencv_imgproc.so

mainwindow.h 文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QApplication>
#include <opencv2/core/core.hpp>
#include <opencv2/highgui/highgui.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <qdebug.h>
#include <qlabel.h>

using namespace cv;
using namespace std;

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private slots:

    void on_closeButton_clicked();

    void on_openButton_clicked();

private:
    Ui::MainWindow *ui;
    Mat src;
    QImage img;                  //将用到的定义全部声明，应该没有必要，我习惯
    QString img_name;
};

#endif // MAINWINDOW_H

main.cpp 文件

#include "mainwindow.h"
#include <QApplication>
#include <opencv2/core/core.hpp>
#include <opencv2/highgui/highgui.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <qdebug.h>
#include <qlabel.h>
using namespace cv;
using namespace std;


int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();

         qDebug() << QString::fromLocal8Bit("输出貌似成功了！");

    waitKey(0);
    return a.exec();
}

mainwindow.cpp 文件

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QtWidgets/QMainWindow>
#include <QFileDialog>
#include <opencv2/highgui/highgui.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <opencv2/core/core.hpp>

using namespace cv;
using namespace std;

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
}

MainWindow::~MainWindow()
{
    delete ui;
}


void MainWindow::on_closeButton_clicked()
{
      close();
}

void MainWindow::on_openButton_clicked()
{

       img_name = QFileDialog::getOpenFileName( this, tr("Open Image"), ".",tr("Image Files(*.png *.jpg *.jpeg *.bmp)"));

       //QTextCodec *code = QTextCodec::codecForName("gb18030");
//       std::string name = code->fromUnicode(img_name).data();
//       QTextCodec *code = QTextCodec::codecForName("gb18030");
//       std::string name = code->fromUnicode(img_name).data();
        if(img_name.length()<=0)return;
        //imread的第二个参数：读取4通道的png图像。其中第四个通道的数据类型和其他通道的一样，都是uchar型，完全透明为0，否则为255
       src=imread(img_name.toUtf8().data());
                        //toAscii()返回8位描述的string,为QByteArray,data()表示返回QByteArray的指针，QByteArray为字节指针，古老的toascii，我们使用toUtf8。网上有toLatin1，但是好像会出错
        //src = imread("girl.jpg");
       namedWindow( "src", WINDOW_NORMAL );
       if(!src.empty()){
       imshow("src",src);
       }

       cvtColor( src, src, CV_BGR2RGB );
       img = QImage( (const unsigned char*)(src.data), src.cols, src.rows, QImage::Format_RGB888 );
       ui->label->setPixmap( QPixmap::fromImage(img));
       ui->label->resize( ui->label->pixmap()->size());

}

输出如图

ui.label和maiwindow各输出一张。

label上的图片输出以为只能使用QT的函数，需要对opencv的Mat图像进行一定的变化，放在下一篇详细介绍。
源程序如下
QT+opencv显示图片小程序窗体版