VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)



         QT最近新出了5.1.0版本,最近要用QT编写界面,所以重新下载了新的QT,替换了以前的Qt4.8.4.

         VS2010+opencv2.4.5+Qt4.8.4的配置过程,请参考博文 OpenCV2.4.5
+ QT4.8.4 + VS2010 环境搭建 地址 http://blog.csdn.net/skeeee/article/details/8802375

         在这就只介绍QT5.1安装。

一、QT版本的下载

        QT 安装包下载 Qt
5.1.0 for Windows 32-bit (VS 2010, 505 MB) (Info)

        QT VS2010插件 Visual
Studio Add-in 1.2.2 for Qt5  (does not work with the Express edition)

二、QT5.1 安装

       2.1 软件安装

               安装 QT VS Addin插件,以及QT安装包,要注意的是安装路径不能有中文,所以我QT安装包直接选择d:/QT,省下一直Next就行。

      2.2 环境变量的配置

              我的电脑-》右键属性-》高级-》环境变量 ,在PATH中加上 ;D:\Qt\Qt5.1.0\5.1.0\msvc2010\bin

              如图:

             VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第1张图片

            然后在VS2010中也要设置环境变量,QT5-》属性-》Add,版本名称是QT5.1.0,路径:D:\Qt\Qt5.1.0\5.1.0\msvc2010

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第2张图片

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第3张图片

 三、第一个图形界面程序

       3.1新建QT5.1工程

             配置完成后,用VS2010新建一个工程,选择QT5 Projects-》QT application,工程名为Qt5test

            VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第4张图片

        一键Ok,直接Finish,工程就建立成功了。

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第5张图片

  3.2 使用QT设计师设计界面以及链接信息/槽

        双击qt5test.ui,会弹出来Qt 设计师界面,拖两个按钮添加到界面中,然后双击修改按钮的名称,以及改变按钮的尺寸。

        然后链接信息/槽,选中 编辑信息/槽 按钮(如下图),左键Open Image按钮,拖拽,就可以拖出一条链接信号/槽的线,松开鼠标,就弹出编辑出口(如下图)。点击编辑按钮,在槽中添加按钮按下的响应函数,OpenImageClicked()以及ProcessClicked()函数,确定后,点击click,选择OpenImageClicked()作为按钮Open Image的响应函数,同样设置Process的响应函数为ProcessClicked();设计好的界面记得保存,VS2010运行是不会对Qt
Project自动保存,只会加载之前保存的界面

       VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第6张图片

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第7张图片

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第8张图片

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第9张图片

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第10张图片

3.3  编写响应函数程序

        在QT5test类中声明和定义两个按钮响应函数OpenImageClicked()和ProcessClicked()

       双击qt5test.h,在类中添加两个响应函数的声明,添加头文件,以及私有变量cv::Mat image;

       

[cpp]  view plain  copy
  1. #ifndef QT5TEST_H  
  2. #define QT5TEST_H  
  3.   
  4. #include   
  5. #include       
  6. #include "ui_qt5test.h"  
  7.   
  8. #include "opencv2/core/core.hpp"
    #include "opencv2/highgui/highgui.hpp"
    #include "opencv2/imgproc/imgproc.hpp" 

  9.   
  10. class Qt5test : public QMainWindow  
  11. {  
  12.     Q_OBJECT  
  13.   
  14. public:  
  15.     Qt5test(QWidget *parent = 0);  
  16.     ~Qt5test();  
  17.   
  18. private:  
  19.     Ui::Qt5testClass ui;  
  20.     cv::Mat image;   //定义私有变量 image  
  21.     cv::Mat result;//定义私有变量 result  
  22.   
  23. private slots:    //声明信号函数  
  24.     void OpenImageClicked();  
  25.     void ProcessClicked();  
  26. };  
  27.   
  28. #endif // QT5TEST_H  

       双击qt5test.cpp,定义响应函数

[cpp]  view plain  copy
  1. #include "qt5test.h"  
  2.   
  3. Qt5test::Qt5test(QWidget *parent)  
  4.     : QMainWindow(parent)  
  5. {  
  6.     ui.setupUi(this);  
  7. }  
  8.   
  9. Qt5test::~Qt5test()  
  10. {  
  11.   
  12. }  
  13.   
  14. void Qt5test::OpenImageClicked()  
  15. {  
  16.     image = cv::imread("img.jpg");//读取图像  
  17.     cv::cvtColor(image, image, CV_RGB2RGBA);//图像在QT显示前,必须转化成QImage格式,将RGBA格式转化成RGB  
  18.     QImage img = QImage((const unsigned char*)(image.data),   
  19.         image.cols, image.rows, QImage::Format_RGB32);   
  20.     QLabel *label = new QLabel(this);  
  21.     label->move(130,50);  
  22.     label->setPixmap(QPixmap::fromImage(img));    
  23.     label->resize(label->pixmap()->size());  
  24.     label->show();  
  25. }  
  26.   
  27. void Qt5test::ProcessClicked()  
  28. {  
  29.     cv::flip(image,result,1);//对图像进行翻转  
  30.     QImage img = QImage((const unsigned char*)(result.data),   
  31.         result.cols, result.rows, QImage::Format_RGB32);  
  32.     QLabel *label = new QLabel(this);  
  33.     label->move(380,50);  
  34.     label->setPixmap(QPixmap::fromImage(img));    
  35.     label->resize(label->pixmap()->size());  
  36.     label->show();  
  37. }  

3.4 运行程序结果如下

VS2010+QT5.1+opencv2.4.5图像界面第一个程序(改了一些,现在QT5.4,OPENCV2.4.10)_第11张图片

四、参考资料

       Qt开发者社区  http://qt.csdn.net/index.aspx

       Qt Project 官网 http://qt-project.org/


文件夹:G:\QtTest\Qt5test

你可能感兴趣的:(OpenCV,Qt)