作者：大麴曲

郵箱：[email protected]

感謝實驗室的小夥伴Wu C.和Yang S.Y.的幫助。

VS2015的安裝和配置，參考部落格：http://blog.csdn.net/quxiaoxia1986/article/details/52352114

OpenCV3.1.0的安裝和配置，參考部落格：http://blog.csdn.net/quxiaoxia1986/article/details/52352785

1.要搭建的環境描述

電腦系統：Windows 10 專業版

需要的工具版本：

【1】Visual studio2015 (VS2015)；

【2】OpenCV3.1.0;

【3】QT5.7.0；

【4】Cmake3.6.1。

實施過程：

使用VS2015作為開發環境（IDE，也就是寫程式碼的工具）；

使用OpenCV3.1.0作為影象處理程式碼庫；

使用QT5.7.0用來寫gui介面程式；

使用cmake建立VS2015的工程，也就是產生.sln檔案等。

2.安裝和配置

（1）VS2015的安裝和配置

參考我的部落格：http://blog.csdn.net/quxiaoxia1986/article/details/52352114

（2）OpenCV3.1.0的安裝和配置

參考我的部落格：http://blog.csdn.net/quxiaoxia1986/article/details/52352785

（3） QT5.7.0的安裝和配置

請自行搜尋該內容吧，就是點選點選點選，就安裝完啦。

（4）Cmake3.6.1的安裝和配置

請自行搜尋該內容吧，就是點選點選點選，就安裝完啦。

3. VS2015+QT5+OpenCV3開發環境的第一個演示程式

在此處，VS2015+QT5+OpenCV3開發環境的第一個演示程式。

該程式不完成什麼功能，只是測試這幾個工具搭在一起的開發環境是否配置正確，以及展示如何使用cmake建立工程。

3.1 建立資料夾

（1）先建立一個資料夾作為一個工程，資料夾名稱比如：TestSLN2。

（2）在工程資料夾下建立兩個資料夾：src和bin。

其中src存放自己寫的原始碼；bin存放產生的工程檔案等。

（3）在工程資料夾下建一個資料夾存放資料，命名為DATA，不是必須的步驟。

為了演示影象是否可以正確讀取的例子而建立此資料夾，用來存放待讀取的檔案。

放一張測試影象，命名為：TestImage.png。如下圖所示：

步驟（1-3）結束為止，資料夾中內容如下：

3.2 寫程式碼

（1）在src資料夾中寫程式碼

在src資料夾中的檔案包含：“CMakeLists.txt”，“main.cpp”和“QT_UI”。如下圖所示：

（2）QT建立GUI介面檔案

其中“QT_UI”資料夾下存放用QT建立的GUI介面檔案，至少包括：“mainwindow.cpp”，“mainwindow.h”和“mainwindow.ui”。如下圖所示：

3.2.1 步驟1-填“CMakeLists.txt”中內容

“CMakeLists.txt”中內容如下：

cmake_minimum_required(VERSION 3.6.1)

project(TestSLN2)

# #######################################

# 【*】新增編譯選項

set (CMAKE_PREFIX_PATH"E:\\QT\\InstallFiles\\5.7\\msvc2015_64")

# Find includes in corresponding build directories 

set(CMAKE_INCLUDE_CURRENT_DIR ON)

# Instruct CMake to run moc automatically whenneeded 

set(CMAKE_AUTOMOC ON)

# #######################################

# Find the QtWidgets library 

find_package(Qt5Widgets REQUIRED)

# #######################################

FIND_PACKAGE(OpenMP REQUIRED)

if(OPENMP_FOUND)

message("OPENMP FOUND")

         set(CMAKE_C_FLAGS"${CMAKE_C_FLAGS} ${OpenMP_C_FLAGS}")

         set(CMAKE_CXX_FLAGS"${CMAKE_CXX_FLAGS} ${OpenMP_CXX_FLAGS}")

         set(CMAKE_EXE_LINKER_FLAGS"${CMAKE_EXE_LINKER_FLAGS} ${OpenMP_EXE_LINKER_FLAGS}")

endif()

# #######################################

FIND_PACKAGE(OpenCV REQUIRED)

# #######################################

# 【*】新增標頭檔案

include_directories(${Qt5Widgets_INCLUDES})

include_directories(

         ././QT_UI/

)

# #######################################

# 【*】連結UI檔案

QT5_WRAP_UI(ui_FILES ./QT_UI/mainwindow.ui)

# #######################################

SET (FILE

     main.cpp

)

SET (QT_UI

         QT_UI/mainwindow.h

         QT_UI/mainwindow.cpp 

)

# #######################################

ADD_EXECUTABLE(TestSLN2 ${FILE} ${QT_UI} ${ui_FILES})

qt5_use_modules(TestSLN2 Widgets)

# #######################################

# 【*】附加依賴項

TARGET_LINK_LIBRARIES(TestSLN2

#       Qt5::Widgets

         ${Qt5Widgets_LIBRARIES}

         ${OpenCV_LIBS}

)

3.2.2 步驟2-填“main.cpp”的內容

 “main.cpp”中內容如下：

#include <opencv2/opencv.hpp>

#include <QApplication> 

#include <QDialog>  

#include "mainwindow.h"

//功能：測試QT和OpenCV是否都正確地載入到了VS的開發環境。

using namespace cv;

int main(int argc,char *argv[])

{

         //測試OpenCV是否配置正確

         MatsrcImage = imread("../DATA/TestImage.png");//載入影象

         imshow("InputImage",srcImage);//顯示影象

         waitKey(10);//等待10ms

         //測試QT是否配置正確

         QApplicationa(argc,argv);

         MainWindoww;

         w.show();

         returna.exec();

}

3.2.3 步驟3-QT建立GUI檔案

開啟QT

【檔案】--【新建檔案或專案】

 接下來一步一步點選預設的選項，出現如下一系列介面：

把檔案“mainwindow.cpp”，“mainwindow.h”和“mainwindow.ui”複製到前面src資料夾中QT_UI檔案下，如下圖所示：

之後可以用QT開啟ui檔案進行修改GUI的內容。隨意拖幾個控制元件進去，修改一下顯示內容，如下圖所示：

3.3 Cmake編譯建立VS的工程檔案

開啟cmake，填寫source code和binaries路徑，如下：

點選【configure】，選擇VS2015的64位為編譯器，如下圖所示：

點選【finish】

再次點選【configure】

點選【generate】

在bin資料夾下產生了如下的內容：

3.4 VS2015編譯執行

（1）用vs2015開啟bin資料夾中的.sln檔案，如下：

（2）把TestSLN2設為啟動項

（3）點選綠色箭頭執行，出現如下內容：

Opencv的影象顯示正常，QT的窗口出現正常。

之後使用QT編輯.ui檔案，VS寫C++程式碼（包括openCV）

4. 參考資料

[4]書：《OpenCV3 程式設計入門》毛星雲，冷雪飛等編著