opencv-2-VS2017与QT显示图像

opencv-2-VS2017与QT显示图像

opencvqtVSC++

目的

  1. 使用 VS 构建第一个 opencv 程序
  2. 使用 QT 构建 第一个 opencv 程序
  3. VS 导入 QT 程序

开始

我们需要设置 dll 文件的运行路径, 避免运行的时候找不到相应的库而报错,
接下来, 我们需要使用

设置运行环境

我们整理得到了, 我们需要将 我们的dll 文件夹 加入到系统 的Path 路径
过程如下: 此电脑--右键--属性--高级系统设置--环境变量--系统变量--Path--编辑--新建

然后填入我们 dll 所在的文件夹即可

path 设置过程
path 设置过程

path 设置
path 设置

VS2017使用 opencv 程序

opencv 的官方给出了一个 windows Visual Studio 使用 opencv 的方法[1],
其实都差不多, 在 博客 Win10, VS2017环境下OpenCV3.4.2的配置 也是使用 包含目录, 库目录, 以及附加依赖项进行的展示过程,

在后面执行之前, 的opencv 的目录结构是存在 D:\Project\Vision\ImageLab\Depend\opencv目录下面的, 我们在前面介绍了每个文件夹里面的内容

  1. opencv430 
  2. - dll 
  3. - lib 
  4. - include 

新建工程

新建空的VS 项目, imagelab 在解决方案上右键, 点击属性进行配置即可

配置属性
配置属性

包含目录与库目录

添加你的 include 文件夹和 lib 文件夹即可

包含目录与库目录
包含目录与库目录

这里使用的是我的 绝对路径, 如果使用, 必须更改为你自己的路径, 不然 肯定出错.

库文件

此处选择的是相应的 opencv_world430d.lib, opencv 在3.0 的版本之后, 只需要加入一个 world 的lib 文件即可, 不需要添加一系列的库文件, 也可以单独编译得到 值添加单个的库,

附加依赖库文件
附加依赖库文件

这里建议去看 Win10, VS2017环境下OpenCV3.4.2的配置 这篇博文, 写的十分详细,

编写程序

  1. #include <iostream> 
  2.  
  3. // 引入 opencv 函数头文件 
  4. #include <opencv2/opencv.hpp> 
  5.  
  6. int main() 
  7. { 
  8. // 设置 要显示的图像路径 
  9. std::string test_pic = "D:\\Project\\Vision\\ImageLab\\TestImages\\lena.png"; 
  10.  
  11. // 读取图像 
  12. cv::Mat lena_img = cv::imread(test_pic); 
  13.  
  14. // 显示图像 
  15. cv::imshow("图像显示窗口", lena_img); 
  16. cv::waitKey(0); 
  17.  
  18. return 0; 
  19. } 

调试运行

如果配置没有问题, 注意上面配置 的都是 debug x64, 在编辑页面也要是 一样的吗不能出错, 不然编辑的不对, 点击 生成--生成解决方案 如果程序复制过去的没有问题, 就不会有问题了,

此处我默认看这里的人有了一定的 C++ 程序基础, 不然解释太多的话就很麻烦,

编辑页面配置
编辑页面配置

点击绿色的 本地 windows 调试器 直接运行 就能看到这个窗口了

opencv lena 图片
opencv lena 图片

到这里, 我们的 VS 使用 opencv 就完成了 , 很容易就搞定了..

QT 使用 opencv 程序

QT 使用 opencv 更加简单, QT的主要工程文件是 *.pro 文件, 我们可以在文件中加入一些配置信息 便于我们执行 可以参考Windows下QT Creator配置OpenCV(VC版)

新建工程

新建工程 imagelab , 在工程上右键, 添加库
添加库

添加外部库, 点击选择到 lib 文件, 会自动选择 include
文件夹, 检查一下是否包含正确,

外部库
外部库

最终会在 *.pro文件中 添加

win32:CONFIG(release, debug|release): LIBS += -L$$PWD/Depend/opencv/lib/ -lopencv_world430
else:win32:CONFIG(debug, debug|release): LIBS += -L$$PWD/Depend/opencv/lib/ -lopencv_world430d

INCLUDEPATH += $$PWD/Depend/opencv/include
DEPENDPATH += $$PWD/Depend/opencv/include

我们 imagelab.pro 工程在 D:\Project\Vision\ImageLab 文件夹下, 对应的库 D:\Project\Vision\ImageLab\Depend\opencv\lib 文件夹下面, 所以, 这里 $$PWD 是 QT pro 文件的语法, 能够获取到 pro文件所在的目录, 也就是工程的当前目录,

qmake 和构建
qmake 和构建

QT 工程 需要首先执行 qmake 生成 编译文件,

编写代码

QT 就是 标准的C++, 只不过 QT 是一套 C++库, 我们能够很容易的使用 界面库, 生成带有界面的程序..

  1.  
  2. #include "mainwindow.h" 
  3. #include <QApplication> 
  4.  
  5. // 引入 opencv 函数头文件 
  6. #include <opencv2/opencv.hpp> 
  7.  
  8. int main(int argc, char *argv[]) 
  9. { 
  10. QApplication a(argc, argv); 
  11. MainWindow w; 
  12. w.show(); 
  13.  
  14. // 设置 要显示的图像路径 
  15. std::string test_pic = "D:\\Project\\Vision\\ImageLab\\TestImages\\lena.png"; 
  16.  
  17. // 读取图像 
  18. cv::Mat lena_img = cv::imread(test_pic); 
  19.  
  20. // 显示图像 
  21. cv::imshow("图像显示窗口", lena_img); 
  22. cv::waitKey(0); 
  23.  
  24. return a.exec(); 
  25. } 
  26.  

调试运行

点击构建, 最后点击运行, 如果一切顺利, 我们就能看到这幅图像了, 这里图像显示还是 opencv 的窗口, 我们后续会将其显示在opencv 的窗口上,

QT opencv 程序
QT opencv 程序

VS 导入 QT 工程

VS 有一个很好用的插件, 叫做 Qt Visual Studio Tools, 可以下载安装,或者在 VS 工具--拓展与更新--联机--搜索 进行安装, 安装之后需要重启 VS

VS 开发 opencv 的程序 必备插件 Image Watch, 可以在调试过程中查看 内存中的 opencv Mat 数据. 强烈推荐..

点击 设置 QT option 然后添加, 直到我们点击到 QT安装目录下面 的 具体编译器文件夹,
F:\Fxxk\QT\Qt5.14.2\5.14.2\msvc2017_64

QT设置
QT设置

我们使用 QT 插件导入 *.pro 文件, 会生成相应的工程,

跟我们直接 VS与 opencv 的工程设置不同, QT 自动生成的文件没有更改 包含目录和库文件
VC++ 目录

而是选择了在 附加包含目录里面增加了, 不仅增加了 opencv 的目录, 而且包含了 QT 的很多库目录,

附加包含目录
附加包含目录

对应的 , 我们仍然使用 附加依赖项 设置 输入 lib 文件

附加依赖项
附加依赖项

这样, 我们就能使用 VS 编译得到 QT 的程序, 编译成功, 运行即可再次看到 lena 图像

VS 调试 QT 程序
VS 调试 QT 程序

其他

我们后续的开发主要是 QT 进行开发, 用于生成自定义的界面, 便于我们开发过程中的图像展示工作.

  1. 《OpenCV: How to build applications with OpenCV inside the 〈Microsoft Visual Studio〉》. 见于 2020年4月20日. https://docs.opencv.org/4.3.0/dd/d6e/tutorial_windows_visual_studio_opencv.html. ↩

posted @ 2020-04-20 18:19  SChen1024  阅读(895)  评论(0)  编辑  收藏  举报