OpenCV 利用MFC的Picture控件显示和处理图像

转载自：http://blog.csdn.net/u012374012/article/details/41870827

后面又添加了播放视频和捕获摄像头画面的功能，其中播放视频的功能只有'Play' 和 'Stop'，不能实现暂停，《Astep-by-step guide to the use of Microsoft Visual C++ and the Intel OpenCVlibrary》 中好像有关于多线程防止任务冲突（Mutex）的内容，深入学习和了解那一部分后再尝试做暂停的功能和其它更复杂的应用。

在《OpenCV教程-基础篇》的2.8节中，所创建的MFC图像显示是直接放在对话框面板的左上角的，感觉不大美观；《MFC中快速应用OpenCV》则是介绍用SDI（单文档界面）来显示图像，《Astep-by-step guide to the use of Microsoft Visual C++ and the Intel OpenCVlibrary》使用VS2005来进行图像和视频的读取和处理，但是其图像和视频的显示界面不是在对话框里面的，而是新建一个窗口来做。所以下面我们就来看看怎么在对话框里使用Picture控件来显示和处理图像。

一、创建MFC

首先创建一个MFC对话框应用程序（Dialog-basedApplication）如下：

在VS2005和2008里，我们可以用一个 Solution 来组合几个 Project （每个 Project 基本上只包含一个 Program），当我们要构建一个多Program的应用时（例如一个客户端程序加一个服务器应用程序），利用Solution 可以将这些Projects 组合起来、并且共享文件和函数库。通常需要为Solution创建一个主路径，其中包含了所有Projects的路径。不过在这篇文章里，我们只构建一个简单的Project，所以在创建MFC的New Project对话框里，不用勾选“Createdirectory for solution”这个选项。

点击OK -- Next进入下一步，在这里我们创建一个Dialog-basedApplication，大部分选项按默认设置就行，不过最下面的“UseUnicode 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*”，那应该只是一个治标的方法，这里的去掉“UseUnicode 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"

#defineIMAGE_WIDTH 256
#define IMAGE_HEIGHT 256
#define IMAGE_CHANNELS 3在 Class View 面板右击 CmymfcDlg，选择 Add –> Add Variable，添加一个 IplImage* 类型的变量 TheImage；再点击 CmymfcDlg，在下面窗口的列表中双击 OnInitDialog，在“// TODO: Addextra 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 thedialog is…”下面添加：

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

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

回到 mymfc 的 GUI 编辑界面中，右击按钮 ReadImg，选择 Add EventHandler，建立按钮点击的消息响应程序：

句柄名设置为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("OpenImage");    // 打开文件对话框的标题名
    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_ShouImg 窗口的正中部位。为了实现这两个功能，首先在Class View 面板右击CmymfcDlg，选择Add –> Add Function，创建两个函数：voidShowImage( 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 );
}

voidCmymfcDlg::ShowImage( IplImage* img, UINT ID )    // ID 是PictureControl控件的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 );
}函数 ResizeImage 是参考了学习笔记（5）中单窗口显示多幅图像的函数cvShowMultiImages 修改而成的，函数ShowImage 则是参考了帖子《OpenCV如何把图像显示到MFC的picture控件上》的代码，另外下面几个帖子也可以参考：

1、《MFC picturecontrol 畫框的問題》 
2、《MFC picturecontrol控件实现（隐藏）文字显示》 
3、《MFC在PictureControl中显示图片(jpg)遇到的问题》 
4、《vc怎样在picturecontrol中显示jpg,jif,bmp格式图象》 
5、《使用PictureControl显示BMP图片》

最后是要对读入的图像做简单的Canny边缘处理，为此，建立一个按钮EdgeDetect，相应的响应代码如下：

voidCmymfcDlg::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 );
}这里主要是参考了《OpenCV教程-基础篇》P33的代码，不过并没有像书中那样创建新的MyIplClass 类来进行图像的读取和处理操作。我觉得这篇文章中直接对TheImage 进行处理可能不大妥当，按照教程那样新建一个类来处理才是比较稳妥吧。这里涉及到函数返回对象实例的过程、深拷贝和浅拷贝、拷贝构造、动态内存的使用、opencv相关接口的代码等方面，以后还要进一步深入学习和理解！

最后我们还可以在Resource View面板->mymfc（工程名称）->mymfc.rc->Version中修改程序的产品版本、名称等信息。

来看看程序生成后的效果：