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