vs2010利用mfc的picture控件显示和处理图像

利用 MFC 的 Picture 控件显示和处理图像 在OpenCV 教程- 基础篇的 2.8 节中，所创建的 MFC 图像显示是直接放在对话框面板的左上 角的，感觉不大美观； MFC 中快速应用 OpenCV 则是介绍用 SDI（单文档界面）来显示图 像， A step-by-step guide to the use of Microsoft Visual C+ and the Intel OpenCV library使用 VS2005 来进行图像和视频的读取和处理，但是其图像和视频的显示界面不是在 对话框里面的，而是新建一个窗口来做。所以下面我们就来看看怎么在对话框里使用 Picture 控 件来显示和处理图像。 编辑 创建 MFC 首先创建一个 MFC 对话框应用程序（Dialog-based Application）如下： 在 VS2005 和 2008 里，我们可以用一个 Solution 来组合几个 Project （每个 Project 基本上 只包含一个 Program），当我们要构建一个多 Program 的应用时（例如一个客户端程序加一个 服务器应用程序），利用 Solution 可以将这些 Projects 组合起来、并且共享文件和函数库。 通常需要为 Solution 创建一个主路径，其中包含了所有 Projects 的路径。不过在这篇文章里， 我们只构建一个简单的 Project，所以在创建 MFC 的 New Project 对话框里，不用勾选“Create directory for solution”这个选项。 点击 OK - Next 进入下一步，在这里我们创建一个 Dialog-based Application，大部分选项按默 认设置就行，不过最下面的“Use Unicode libraries”最好去掉。如果勾选了这个选项，程序代码 就会使用 16bit 的 Unicode 字符集来编码，但是很多函数虽然使用 char* (ASCII stings) 类型 字符，而将字符串从 Unicode 转换到 ASCII 是非常麻烦的。使用 Unicode 在编译时可能会 遇到下列错误： cannot convert parameter 1 from CString to const char * cannot convert from const char 11 to LPCWSTR 这意味着在 Unicode 和 Multi-byte 字符串的转换中出现了问题。在上一篇学习笔记中，就提到 “成员函数 LoadBMP 其输入参数类型应为 const char*”，那应该只是一个治标的方法，这里的 去掉“Use Unicode libraries”选项，才是治本之道。往后的几步设置，可以根据自己的需要来操 作，我的设置如下： 编辑 编写代码 在 Resource View 面板-mymfc（工程名称）-mymfc.rc-Dialog 双击 IDD_MYMFC_DIALOG，可以看到一个初始的 GUI 界面，往里面添加两个 Button 和 一个 Picture 控件，如下： 选中单个控件、右击选择属性（Properties），可以看到控件的 ID 号，这个号可以自行编辑， 例如 Picture 控件的 ID 号我设置为 IDC_ShowImg，这个 ID 号在后面的图像显示函数中要 用到。首先在项目属性中加载 lib 文件：菜单 Project - Properties - Configuration Properties - Linker Input - additional dependencies 中加入 cxcore200.lib cv200.lib highgui200.lib。然后在 mymfc.h 的 #include “resource.h“ 下加入如下代码： #include “cv.h“ #include “highgui.h“ #define IMAGE_WIDTH 256 #define IMAGE_HEIGHT 256 #define IMAGE_CHANNELS 3 在 Class View 面板右击 CmymfcDlg，选择 Add Add Variable，添加一个 IplImage* 类型 的变量 TheImage；再点击 CmymfcDlg，在下面窗口的列表中双击 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 ); / 重绘图片函数 接着在 CmymfcApp 下面的成员列表中双击 InitInstance，在两个“/ TODO: Place code here to handle when the dialog is”下面添加： cvReleaseImage( 即按下“OK” 或“Cancel”时，释放 TheImage 占用的内存。接下来就是写读取和处理图片的功能 函数了。回到 mymfc 的 GUI 编辑界面中，右击按钮 ReadImg，选择 Add Event Handler， 建立按钮点击的消息响应程序： 句柄名设置为 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(); / 读取图片、缓存到一个局部变量 ipl 中 IplImage* ipl = cvLoadImage( mPath, 1 ); / 判断是否成功读取图片 if( !ipl ) return; / 对上一幅显示的图片数据清零 if( TheImage ) cvZero( TheImage ); / 对读入的图片进行缩放，使其宽或高最大值者刚好等于 256，再 复制到 TheImage 中 ResizeImage( ipl ); / 调用显示图片函数 ShowImage( TheImage, IDC_ShowImg ); / 释放 ipl 占用的内存 cvReleaseImage( 其中包含了两个新的成员函数 ResizeImage 和 ShowImage，前者的作用是对读入的不同大小 的图像进行缩放，再通过设置 ROI 的方式将图像存入 256*256 的 TheImage 中；后者是将 图像 TheImage 显示到图片显示控件 IDC_ShouImg 窗口的正中部位。为了实现这两个功能， 首先在 Class View 面板右击 CmymfcDlg，选择 Add Add Function，创建两个函数：void ShowImage( IplImage* img, UINT ID ) 和 void ResizeImage(IplImage* img)。以下是这两个 函数的实现代码： void CmymfcDlg: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 CmymfcDlg:ShowImage( IplImage* img, UINT ID ) / ID 是 Picture Control 控件的 ID 号 / 获得显示控件的 DC CDC* pDC = GetDlgItem( ID ) -GetDC(); / 获取 HDC(设备句柄 ) 来进行绘图操作 HDC hDC = pDC -GetSafeHdc(); CRect rect; GetDlgItem(ID) -GetClientRect( / 求出图片控件的宽和高 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, ReleaseDC( pDC ); 函数 ResizeImage 是参考了 学习笔记（5）中单窗口显示多幅图像的函数 cvShowMultiImages 修改而成的，函数 ShowImage 则是参考了帖子 OpenCV 如何把图像显示到 MFC 的 picture 控件上的代码，另外下面几个帖子也可以参考： 1、 MFC picture control 画框的问题 2、 MFC picture control 控件实现（隐藏）文字显示 3、 MFC 在 Picture Control 中显示图片 (jpg)遇到的问题 4、 vc 怎样在 picture control 中显示 jpg,jif,bmp 格式图象 5、 使用 Picture Control 显示 BMP 图片 最后是要对读入的图像做简单的 Canny 边缘处理，为此，建立一个按钮 EdgeDetect，相应的 响应代码如下： void CmymfcDlg: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( cvRel