VC的MFC中应用opencv步骤

VC的MFC中应用opencv步骤

王良元2011.10.10

如下步骤前提是VC6和Opencv均已正确安装，默认opencv是装在C:\Program Files下，后面路径都是这个，如果安装到其他位置，只要改为你安装路径即可。

1、打开VC6，新建MFC工程，命名，此处为Test_Opencv，如图1所示。

2、点击OK后，依次根据需要选择对应的形式，此处依次为基本对话框

（Dialog based）、默认的、静态编译（As a statically linked library），完成，则弹出基本应用程序界面，如图2所示。

图2 生成工程界面

3、删除文本框“TODO：在这里设置对话框”，并添加一个图片控件，选中

控件，右键-》属性，将“Type”选择为框架（rectangle），将ID改为IDC_ShowImg，适当调整控件大小，添加两个按钮，一个将caption改为ReadImg，实现读入图片功能，另一个将aption改为EdgeDetect，实现边缘

检测功能，如图3所示。

图3 添加图片控件图

4、设置VC6的环境，使得VC6在编译opencv程序时，能够知道从何处找

到头文件和库文件。单击Tools|Options，在directories标签的Show directories for 下拉列表选择include files，在其中添加头文件路径：

C:\Program Files\OpenCV\cxcore\include

C:\Program Files\OpenCV\cv\include

C:\Program Files\OpenCV\cvaux\include

C:\Program Files\OpenCV\otherlibs\highgui

C:\Program Files\OpenCV\otherlibs\cvcam\include

在directories标签的Show directories for 下拉列表选择Library files，在其中添加库文件路径：

C:\Program Files\OpenCV\lib

如图4所示。

图4 添加的OPENCV相应文件

点击Projects-》Settings，选中C/C++,在category的下拉列表选择preprofessor，在Additional include directories输入opencv系统头文件的路径，路径之间用英文逗号隔开。..\..\..\cxcore\include,..\..\..\cv\include,..\..\..\otherlibs\_graphics\include,..\..\..\otherlibs\h ighgui如下图所示，

再进入link选项卡，在category的下拉列表选择input，在Additional library path输入opencv 的库文件，这里依旧给出相对路径“../../../lib”，在object/library modules输入链接库的库名

称，cv.lib cxcore.lib highgui.lib cvcam.lib vfw32.lib comctl32.lib，如下图所示

5、在File View 面板双击Test_Opencv.h ，在#include "resource.h" 下加入如下代码：

#include "cv.h"

#include "highgui.h"

#define IMAGE_WIDTH 256

#define IMAGE_HEIGHT 256

#define IMAGE_CHANNELS 3

在Class View 面板右击CTest_OpencvDlg，选择Add –> Add Variable，添加一个IplImage* 类型的变量TheImage，如下图，

再点击CTest_OpencvDlg，在下面窗口的列表中双击OnInitDialog，在“// TODO: Add extra initialization here”下面添加TheImage 的初始化代码：CvSize ImgSize;

ImgSize.height = IMAGE_HEIGHT;

ImgSize.width = IMAGE_WIDTH;

TheImage = cvCreateImage( ImgSize, IPL_DEPTH_8U, IMAGE_CHANNELS );然后双击OnPaint，在if(IsIconic())…的else 里添加以下代码，用来重绘窗口：CDialog::OnPaint(); // 重绘对话框

CDialog::UpdateWindow(); // 更新windows窗口，如果无这步调用，图片显示还会出现问题

ShowImage( TheImage, IDC_ShowImg ); // 重绘图片函数

接着在CTest_OpencvApp 下面的成员列表中双击InitInstance，在两个“// TODO: Place code here to handle when the dialog is…”下面添加：

cvReleaseImage( &dlg.TheImage );即按下“OK”或“Cancel”时，释放TheImage占用的内存。

6、接下来就是写读取和处理图片的功能函数了。

在File View 面板双击IDD_TEST_OPENCV_DIALOG,弹出GUI 编辑界面，双击按钮ReadImg，建立按钮点击的消息响应程序，句柄名设置为OnBnClickedReadimg，

主要的响应操作包括弹出对话框选择图片文件、读入图片文件、对图片统一缩放至256*256的大小、显示图像，代码如下：

// TODO: Add your control notification handler code here

CFileDialog dlg(

TRUE, _T("*.bmp"), NULL,

OFN_FILEMUSTEXIST | OFN_PATHMUSTEXIST | OFN_HIDEREADONLY,

_T("image files (*.bmp; *.jpg) |*.bmp; *.jpg | All Files (*.*) |*.*||"), NULL

); // 选项图片的约定

dlg.m_ofn.lpstrTitle = _T("Open Image"); // 打开文件对话框的标题名

if( dlg.DoModal() != IDOK ) // 判断是否获得图片

return;

CString mPath = dlg.GetPathName(); // 获取图片路径

IplImage* ipl = cvLoadImage( mPath, 1 ); // 读取图片、缓存到一个局部变量ipl 中

if( !ipl ) // 判断是否成功载入图片

return;

if( TheImage ) // 对上一幅显示的图片数据清零

cvZero( TheImage );

ResizeImage( ipl ); // 对读入的图片进行缩放，使其宽或高最大值者刚好等于256，再复制到TheImage 中

ShowImage( TheImage, IDC_ShowImg ); // 调用显示图片函数

cvReleaseImage( &ipl ); // 释放ipl 占用的内存

其中包含了两个新的成员函数ResizeImage 和ShowImage，前者的作用是对读入的不同大小的图像进行缩放，再通过设置ROI 的方式将图像存入256*256 的TheImage 中；后者是将图像TheImage 显示到图片显示控件IDC_ShowImg 窗口的正中部位。为了实现这两个功能，首先在Class View 面板右击C Test_Opencv Dlg，选择Add –> Add Member Function，创建两个函数：void ResizeImage(IplImage* img) 和void ShowImage( IplImage* img, UINT ID )，如下图。

以下是这两个函数的实现代码：

void CTest_OpencvDlg::ResizeImage(IplImage* img)

{

// 读取图片的宽和高

int w = img->width;

int h = img->height;

// 找出宽和高中的较大值者

int max = (w > h)? w: h;

// 计算将图片缩放到TheImage区域所需的比例因子

float scale = (float) ( (float) max / 256.0f );

// 缩放后图片的宽和高

int nw = (int)( w/scale );

int nh = (int)( h/scale );

// 为了将缩放后的图片存入TheImage 的正中部位，需计算图片在TheImage 左

上角的期望坐标值

int tlx = (nw > nh)? 0: (int)(256-nw)/2;

int tly = (nw > nh)? (int)(256-nh)/2: 0;

// 设置TheImage 的ROI 区域，用来存入图片img

cvSetImageROI( TheImage, cvRect( tlx, tly, nw, nh) );

// 对图片img 进行缩放，并存入到TheImage 中

cvResize( img, TheImage );

// 重置TheImage 的ROI 准备读入下一幅图片

cvResetImageROI( TheImage );

}

void CTest_OpencvDlg::ShowImage( IplImage* img, UINT ID ) // ID 是Picture Control控件的ID号

{

CDC* pDC = GetDlgItem( ID ) ->GetDC(); // 获得显示控件的DC

HDC hDC = pDC ->GetSafeHdc(); // 获取HDC(设备句柄) 来进行绘图操作

CRect rect;

GetDlgItem(ID) ->GetClientRect( &rect );

int rw = rect.right - rect.left; // 求出图片控件的宽和高

int rh = rect.bottom - rect.top;

int iw = img->width; // 读取图片的宽和高

int ih = img->height;

int tx = (int)(rw - iw)/2; // 使图片的显示位置正好在控件的正中int ty = (int)(rh - ih)/2;

SetRect( rect, tx, ty, tx+iw, ty+ih );

CvvImage cimg;

cimg.CopyOf( img ); // 复制图片

cimg.DrawToHDC( hDC, &rect ); // 将图片绘制到显示控件的指定区域内

ReleaseDC( pDC );

}

7、最后是要对读入的图像做简单的Canny边缘处理，双击EdgeDetect按钮，将句柄名改为OnBnClickedEdgedetect，相应的响应代码如下：

void CTest_OpencvDlg::OnBnClickedEdgedetect()

{

// TODO: Add your control notification handler code here

IplImage *gray = 0, *edge = 0;

gray = cvCreateImage( cvSize(IMAGE_WIDTH, IMAGE_HEIGHT), IPL_DEPTH_8U, 1 );

edge = cvCreateImage( cvSize(IMAGE_WIDTH, IMAGE_HEIGHT), IPL_DEPTH_8U, 1 );

cvCvtColor( TheImage, gray, CV_BGR2GRAY );

cvCanny( gray, edge, 30, 100, 3 );

cvCvtColor( edge, TheImage, CV_GRAY2BGR );

ShowImage( TheImage, IDC_ShowImg ); // 调用显示图片函数cvReleaseImage( &gray );

cvReleaseImage( &edge );

}

7、最后，点击第二个图标进行编译，点击感叹号开始运行，可看到结果如下