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

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

如图
QT GUI界面的使用 opencv选择并显示图片于label中_第1张图片

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

如图
QT GUI界面的使用 opencv选择并显示图片于label中_第2张图片

右键分别点击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 
#include 
#include 
#include 
#include 
#include 
#include 

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 
#include 
#include 
#include 
#include 
#include 
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 
#include 
#include 
#include 
#include 

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());

}

输出如图
QT GUI界面的使用 opencv选择并显示图片于label中_第3张图片
QT GUI界面的使用 opencv选择并显示图片于label中_第4张图片

ui.label和maiwindow各输出一张。

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

你可能感兴趣的:(QT+OPencv,ubuntu)