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-》属性-》Add，版本名称是QT5.1.0，路径：D:\Qt\Qt5.1.0\5.1.0\msvc2010

 三、第一个图形界面程序

       3.1新建QT5.1工程

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

            

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

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

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

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

       

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 <QtWidgets/QMainWindow>  
5. #include <Qlabel>      
6. #include "ui_qt5test.h"  
7.   
8. #include "opencv2/core/core.hpp"
   #include "opencv2/highgui/highgui.hpp"
   #include "opencv2/imgproc/imgproc.hpp" 
9. 
   
10.   
11. class Qt5test : public QMainWindow  
12. {  
13.     Q_OBJECT  
14.   
15. public:  
16.     Qt5test(QWidget *parent = 0);  
17.     ~Qt5test();  
18.   
19. private:  
20.     Ui::Qt5testClass ui;  
21.     cv::Mat image;   //定义私有变量 image  
22.     cv::Mat result;//定义私有变量 result  
23.   
24. private slots:    //声明信号函数  
25.     void OpenImageClicked();  
26.     void ProcessClicked();  
27. };  
28.   
29. #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 运行程序结果如下

四、参考资料

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

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

文件夹：G:\QtTest\Qt5test