是上一篇文章程式碼的修改。
新建的是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顯示圖片小程式窗體版