OpenCV學習筆記（二十五）——OpenCV圖形界面設計Qt+VS2008

年華似水匆匆 2013-10-09

展開全文

一直對MFC對OpenCV的支持不好而耿耿于懷,，了解了Qt對OpenCV支持很好，但網(wǎng)上這方面的資料很少,。大部分的圖形交互的設計都是基于OpenCV2.0之前的數(shù)據(jù)結構lpImage進行的,。最近得到了一本好書《OpenCV 2 Computer Vision Application Programming Cookbook》，下載的鏈接為http://ishare.iask.sina.com.cn/f/20485520.html?retcode=0,，2011年5月出版,，全書都是基于OpenCV2.2版本的實現(xiàn),，采用了新的數(shù)據(jù)結構。我這里強烈建議利用C++開發(fā)的朋友們不要再使用老版本的數(shù)據(jù)結構了,，實在影響開發(fā)效率,。至于大家最熟悉的參考書《learning OpenCV》和《OpenCV教程——基礎篇》這兩本廣為流傳的書，我的看法是已經(jīng)遠遠不能滿足OpenCV新版本的學習了,。真的希望這本新書的中文版盡快出爐,。

參考這本書的利用Qt創(chuàng)建GUI，不過書中的辦法是在Qt Creator下實現(xiàn)的,，我這里通過VS2008+Qt實現(xiàn),。下面結合一個例程介紹一下如何在Qt的GUI環(huán)境下開發(fā)OpenCV。

先新建工程Qt Project --> Qt Application,，點擊finish完成工程的創(chuàng)建,。然后在項目屬性里的連接器的附加依賴項里面添加opencv的lib文件。工程創(chuàng)建好之后,，一個后綴名為.ui的文件就是關于界面設計的,。首先創(chuàng)建兩個按鈕，拖拽兩個Push Buttons到Form中去,，修改其屬性,，一個名字為Open Image，一個為Process,。右鍵按鈕選擇connect signal為其添加響應函數(shù),，選擇clicked（）。對應的cpp文件多出了on_OpenImage_clicked函數(shù),，代碼如下：

[cpp] view plain copy

#include "qttest1.h"
qttest1::qttest1(QWidget *parent, Qt::WFlags flags)
: QMainWindow(parent, flags)
{
ui.setupUi(this);
}
qttest1::~qttest1()
{
}
void qttest1::on_OpenImage_clicked()
{
}

接下來要在對應的頭文件中添加顯示圖片的必要代碼,，添加QFileDialog類的聲明，OpenCV必要的include頭文件包含,，在類中聲明一個cv :: Mat成員變量,。代碼如下：

[cpp] view plain copy

#ifndef QTTEST1_H
#define QTTEST1_H
#include <QtGui/QMainWindow>
#include <QFileDialog>
#include "ui_qttest1.h"
#include <opencv2/core/core.hpp>
#include <opencv2/highgui/highgui.hpp>
class qttest1 : public QMainWindow
{
Q_OBJECT
public:
qttest1(QWidget *parent = 0, Qt::WFlags flags = 0);
~qttest1();
private:
Ui::qttest1Class ui;
cv::Mat image; // cv圖片
private slots:
void on_OpenImage_clicked();
};
#endif // QTTEST1_H

接下來添加on_OpenImage_clicked的函數(shù)內(nèi)容。代碼如下：

[cpp] view plain copy

void qttest1::on_OpenImage_clicked()
{
QString fileName = QFileDialog::getOpenFileName(this, tr("Open Image"), ".", tr("Image Files (*.png *.jpg *.jpeg *.bmp)"));
image = cv::imread(fileName.toAscii().data());
cv::namedWindow("Original Image");
cv::imshow("Original Image", image);
}

類似的辦法添加Process按鈕的相應代碼：

[cpp] view plain copy

void qttest1::on_Process_clicked()
{
cv::flip(image, image, 1);
cv::namedWindow("Output Image");
cv::imshow("Output Image", image);
}

這樣就可以實現(xiàn)一個普通的按鈕響應,。但我們的目的是將圖片顯示在對話框form中,，這還需要進一步深入學習。與MFC中顯示圖片需要CvvImage類似,，要想在Qt的Form中顯示圖片,，圖片的格式也必須為QImage，需要將cv：：Mat的BGR通道順序變換為RGBA,，QImage的格式為Format_RGB32,，調(diào)用cvtColor實現(xiàn)（這里例程里調(diào)用的為BGR2RGB，然后QImage的格式為Format_RGB888,，但我試驗顯示結果是有問題的,，故自己調(diào)整了一下）,。（后經(jīng)實驗，BGR2RGB,，F(xiàn)ormat_RGB888這組參數(shù)對于webcam視頻是正確的,，對于我當時的實驗照片是不正確的，格式的問題真是混亂?。,。?/span>）實現(xiàn)代碼如下：

[cpp] view plain copy

cv::cvtColor(image, image, CV_BGR2RGBA);
QImage img = QImage((const unsigned char*)(image.data), image.cols, image.rows, QImage::Format_RGB32);
QLabel *label = new QLabel(this);
label->move(200, 50);
label->setPixmap(QPixmap::fromImage(img));
label->resize(label->pixmap()->size());
label->show();