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显示图片小程序窗体版