QT+VS+Opencv制作界面显示图片
前面说了怎么配置VS+QT+opencv，现在记录一下如何开始用VS+QT+opencv做界面显示图片的小例子。（配置可见之前的博客 QT5.9.6和VS2015的配置使用）
1.新建工程
打开VS2015，文件 -> 新建 -> 项目，然后选择：模板 -> Visual C++ -> Qt -> Qt GUI Application，新建工程。
然后创建QT GUI工程，一般按默认就好，根据需要可勾选其他的
2.属性页的头文件路径配置（qt和Opencv）
打开项目的属性管理器，右键选择X64的属性，如下图，进行配置
项目-属性-VC++目录，这个就跟配置opencv一样的
(1)设置包含目录C:\Qt\Qt5.9.6\5.9.6\msvc2015_64\include
(2)设置库目录C:\Qt\Qt5.9.6\5.9.6\msvc2015_64\include
同时把Opencv也配置好，Opencv配置参考 最新的Opencv2.4.13.6在Visual studio 2015下的配置(win7-64位)
比如我的两个目录是
3.绘制ui
如下图，点击打开QTGUIWen.ui
便会进入QT designer设计界面，拖动左边的按钮到界面上设计
如下所示，使用了两个Push button，两个label，两个Scroll Area(就是显示框)
可以根据需求修改控件的名字等属性，如下
4.编辑QtGuiWen.h文件
代码如下，如果按格式on_控件名_clicked命名函数，QT会默认完成函数和按钮动作的链接，如果不这样命名的话就必须得去设置信号槽函数
#pragma once
#include
#include "ui_QtGuiWen.h"
#include
#include //graphicsview类
#include
#include
#include //opencv申明
#include //getopenfilename 类申明
#include //label类
using namespace cv;
class QtGuiWen : public QMainWindow
{
Q_OBJECT
public:
QtGuiWen(QWidget *parent = Q_NULLPTR);
~QtGuiWen(); //析构函数
//添加槽函数
private slots:
void on_OpenFig_clicked();
//按格式on_控件名_clicked命名函数，QT会默认完成函数和按钮动作的链接，如果不这样命名的话就去设置信号槽函数
void on_Progress_clicked();
private:
Ui::QtGuiWenClass ui;
Mat image;
QLabel *label;
QLabel *label_2;
};
5.编辑信号槽
编辑信号槽是为了实现按钮的动作和函数的连接。
如下图点击编辑信号/槽按钮
左键选中控件拖动至到出现
,双击
进行编辑，添加槽 （本来按on_OpenFig_clicked()的格式的话是不需要做这个步骤的）
就这样的步骤完成两个按钮的信号槽的连接，结果如下，保存后关闭ui即可。
6.编辑QtGuiWen.cpp文件
#include "QtGuiWen.h"
using namespace cv;
using namespace std;
QtGuiWen::QtGuiWen(QWidget *parent)
: QMainWindow(parent)
{
ui.setupUi(this);
}
QtGuiWen::~QtGuiWen()
{
//析构函数
}
void QtGuiWen::on_OpenFig_clicked()
{
QString filename;
filename = QFileDialog::getOpenFileName(this,
tr("选择图像"),
"",
tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
if (filename.isEmpty())
{
return;
}
else
{
//QImage* img = new QImage;
//if (!(img->load(filename))) //加载图像
//{
// QMessageBox::information(this,
// tr("打开图像失败"),
// tr("打开图像失败!"));
// delete img;
// return;
//}
string str = filename.toStdString(); // 将filename转变为string类型；
image = imread(str);
//image=imread(fileName.toLatin1().data);
cvtColor(image, image, CV_BGR2RGB);
cv::resize(image, image, Size(300, 200));
QImage img = QImage((const unsigned char*)(image.data), image.cols, image.rows, QImage::Format_RGB888);
label = new QLabel();
label->setPixmap(QPixmap::fromImage(img));
label->resize(QSize(img.width(), img.height()));
ui.scrollArea->setWidget(label);
}
}
void QtGuiWen::on_Progress_clicked()
{
flip(image, image, 4);//反转函数 0 上下反转；整数，水平发转；负数，水平垂直均反转
QImage img1 = QImage((const unsigned char*)(image.data), image.cols, image.rows, QImage::Format_RGB888);
label_2 = new QLabel();
label_2->setPixmap(QPixmap::fromImage(img1));
label_2->resize(QSize(img1.width(), img1.height()));
ui.scrollArea_2->setWidget(label_2);
}运行效果如下：
7.遇到的问题
可参考这个博客，我把遇到过的问题都整理放进去了visual studio 2015中使用opencv时遇到的一些问题