首页 > 代码库 > 使用Qt创建第一个OpenCV的Gui应用

使用Qt创建第一个OpenCV的Gui应用

 

写在前面

    学习OpenCV有一些小日子了,发现群里还有很多初学OpenCV的人像我当初一样跌跌撞撞到处找资料,所以在这里把学习笔记分享给大家,希望有志学习OpenCV进行计算机视觉活动的小伙伴们能少走一些弯路。

    经过多方面查阅资料,了解到Qt开发平台对OpenCV的支持很好,但是在网上这方面的资料很少,能查到的大部分的图形交互设计都是基于OpenCV2.0之前的数据结构IplImage,而OpenCV现在官方已经更新到2.4.9版本了。偶然发现一本好书最近得到了一本好书《 OpenCV 2 Computer Vision Application Programming Cookbook》,下载的链接为http://ishare.iask.sina.com.cn/f/20485520.html?retcode=0, 2011年5月出版,全书都是基于OpenCV2.2版本的实现,采用了新的数据结构,该书现在已经有中文版《OpenCV2计算机视觉编程手册》2013年7月科学出版社出版。我这里强烈建议利用C++开发的朋友们不要再使用老版本的数据结构了,实在影响开发效率。至于大家最熟悉的参考书《learning OpenCV》和《OpenCV教程——基础篇》这两本广为流传的书,我的看法是已经远远不能满足OpenCV新版本的学习了。老版本的OpenCV头文件的包含格式一般是:

#include "cv.h"#include "highgui.h"

     而2.2以后的版本头文件包含一般为:

#include <opencv2/core/core.hpp>#include <opencv2/highgui/highgui.hpp>#include <opencv2/imgproc/imgproc.hpp>

    为了保持对之前版本的兼容,这些头文件仍然能够使用,但是建议使用新的包含方式。

打开并显示图片

       在Qt中,信号与槽是最重要的机制,这里我们可以创建一个按钮、或者菜单、工具条,来作为发射信号的载体,用一个槽函数来接收打开这个动作。

QPushButton  OpenImageButton = new QPushButton( tr("Find Image") );OpenImageButton->setDefault( false );OpenImageButton->setEnabled( true );
       槽函数:打开文件可以利用Qt类QFileDialog来实现。
void qttest1::on_OpenImage_clicked(){   QString fileName = QFileDialog::getOpenFileName( this, tr( "Open Image" ), ".", tr("Image Files(*.png*.jpg*.jpeg*.bmp)"));   image = cv::imread( fileName.toLocal8Bit().data());   cv::imshow("Source Image", image);}

     上面的函数已经实现了打开并显示图片。我们再添加一个按钮,并定义一个函数来对图片进行操作。

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

      对于初学者,这些工作都做完之后,当然不要忘记连接信号与槽。

connect(OpenImageButton,SIGNAL(clicked()),SLOT(on_OpenImage_clicked()));connect(ProcessButton,SIGNAL(clicked()),SLOT(on_Process_clicked()));

    这些工作做完以后,就可以打开并显示图片啦!

1

    3

        当然,有些同学可能会出现下面这样的情况,记得在你的析构函数里释放对象,

       cvDestroyAllWindows();

       按理说,OpenCV2是自动释放对象的,楼主这里还没有搞清楚,也请搞清楚的同学留言,非常感谢。

2

    小小改进一下吧

      单独弹出一个窗口并显示总是给人突兀的感觉,下面实现Qt的窗体中显示图片,显示的方法有很多,不同的显示方法存在着效率等各方面的问题,这里使用QImage转QPixmap,然后用QLabel::setPixmap()来完成显示,还有比较常用的方法是在paintEvent()中直接画,具体的差异没有去探究。

      我们写一个小函数来实现:

void qttest1::displayMat(cv::Mat image){   cv::Mat rgb;   QImage img;   if(image.channels()==3)   {       //cvt Mat BGR 2 QImage RGB       cv::cvtColor(image,rgb,CV_BGR2RGB);       img =QImage((const unsigned char*)(rgb.data),                   rgb.cols,rgb.rows,                   rgb.cols*rgb.channels(),                   QImage::Format_RGB888);   }   else   {       img =QImage((const unsigned char*)(image.data),                   image.cols,image.rows,                   image.cols*image.channels(),                   QImage::Format_RGB888);   }   imagelabel->setPixmap(QPixmap::fromImage(img));   imagelabel->resize(imagelabel->pixmap()->size());}

       最后的效果是这样,是不是简洁明了了很多?

4