OpenCV学习笔记（二十五）——OpenCV图形界面设计Qt+VS2008

一直对MFC对OpenCV的支持不好而耿耿于怀，了解了Qt对OpenCV支持很好，但网上这方面的资料很少。大部分的图形交互的设计都是基于OpenCV2.0之前的数据结构lpImage进行的。最近得到了一本好书《OpenCV 2 Computer Vision Application Programming Cookbook》，下载的链接为http://ishare.iask.sina.com.cn/f/20485520.html?retcode=0，2011年5月出版，全书都是基于OpenCV2.2版本的实现，采用了新的数据结构。我这里强烈建议利用C++开发的朋友们不要再使用老版本的数据结构了，实在影响开发效率。至于大家最熟悉的参考书《learning OpenCV》和《OpenCV教程——基础篇》这两本广为流传的书，我的看法是已经远远不能满足OpenCV新版本的学习了。真的希望这本新书的中文版尽快出炉。

参考这本书的利用Qt创建GUI，不过书中的办法是在Qt Creator下实现的，我这里通过VS2008+Qt实现。下面结合一个例程介绍一下如何在Qt的GUI环境下开发OpenCV。

先新建工程Qt Project --> Qt Application，点击finish完成工程的创建。然后在项目属性里的连接器的附加依赖项里面添加opencv的lib文件。工程创建好之后，一个后缀名为.ui的文件就是关于界面设计的。首先创建两个按钮，拖拽两个Push Buttons到Form中去，修改其属性，一个名字为Open Image，一个为Process。右键按钮选择connect signal为其添加响应函数，选择clicked（）。对应的cpp文件多出了on_OpenImage_clicked函数，代码如下：

#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成员变量。代码如下：

#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_OBJECTpublic: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的函数内容。代码如下：

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按钮的相应代码：

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

这样就可以实现一个普通的按钮响应。但我们的目的是将图片显示在对话框form中，这还需要进一步深入学习。与MFC中显示图片需要CvvImage类似，要想在Qt的Form中显示图片，图片的格式也必须为QImage，需要将cv：：Mat的BGR通道顺序变换为RGBA，QImage的格式为Format_RGB32，调用cvtColor实现（这里例程里调用的为BGR2RGB，然后QImage的格式为Format_RGB888，但我试验显示结果是有问题的，故自己调整了一下）。（后经实验，BGR2RGB，Format_RGB888这组参数对于webcam视频是正确的，对于我当时的实验照片是不正确的，格式的问题真是混乱！！！）实现代码如下：

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

注意打开图片的路径不要有中文，最后的显示结果为

相关代码的下载地址为http://download.csdn.net/detail/yang_xian521/3793960