利用MFC中的picture control 控件显示图像

参考博文

    http://blog.sina.com.cn/s/blog_4d8730df0100mpzj.html

   http://blog.csdn.net/chenyusiyuan/article/details/4744097

本文是根据opencv246和VS2012在用MFC做图像显示时出现的问题做出解释

一、创建MFC
1 首先创建一个MFC对话框应用程序（Dialog-based Application）;
2 点击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字符串的转换中出现了问题。故这里的去掉“Use Unicode libraries”选项。

二、编写代码

1 打开工程文件，进入资源视图：LoadPicture（工程名称）->LoadPicture.rc->Dialog双击IDD_LoadPicture_DIALOG，可以看到一个初始的GUI界面，往里面添加两个 Button 和 一个 Picture 控件

选中单个控件、右击选择属性（Properties），可以看到控件的ID号，这个号可以自行编辑，例如 Picture 控件的 ID 号我设置为 IDC_ShowImg，这个 ID 号在后面的图像显示函数中要用到。

2 将opencv库加入到VS中，没有配置会出错opencv246+VS2012的配置课参考本博文——VS2012配置OPENCV246

3 然后在 LoadPicture.h 的 #include "resource.h" 代码行下面加入如下代码：

#include <opencv\cv.h>

#include <opencv\highgui.h>

#define IMAGE_WIDTH 256

#define IMAGE_HEIGHT 256

#define IMAGE_CHANNELS 3

4 在 类视图面板右击 CloadPictureDlg，选择 Add –> Add Variable，添加一个 IplImage* 类型的变量 TheImage；

 

再点击 CLoadPictureDlg，在下面窗口的列表中双击 OnInitDialog，在// TODO: 在此添加额外的初始化代码下面添加 TheImage 的初始化代码：

 

CvSize ImgSize;    

ImgSize.height = IMAGE_HEIGHT;    

ImgSize.width = IMAGE_WIDTH;    

TheImage=cvCreateImage( ImgSize, IPL_DEPTH_8U, IMAGE_CHANNELS );

5 然后双击 OnPaint，在 if(IsIconic())…的 else 里添加以下代码，用来重绘窗口：

CDialog::OnPaint();   // 重绘对话框        

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

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

接着在 CtestPicControlApp 下面的成员列表中双击 InitInstance，在两个“// TODO: Place code here to handle when the dialog is…”下面添加：
cvReleaseImage( &dlg.TheImage );

即按下“OK”或“Cancel”时，释放TheImage占用的内存。

 

6 写读取和处理图片的功能函数。

回到资源视图，双击按钮 ReadImage，，建立按钮点击的消息响应程序：OnBnClickedReadimage,主要的响应操作包括 弹出对话框选择图片文件、读入图片文件、对图片统一缩放至256*256的大小、显示图像，代码如下：

// TODO: 在此添加控件通知处理程序代码
        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 占用的内存

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

函数添加如下

void CLoadPicControlDlg::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;    // 求出picture control的宽和高
        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);
}

void CtestPicControlDlg::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 );
}

 

注意

1：如果你的CvvImage出现红色的底线提示没有定义那说明你的opencv版本是比较新的里面的CvvImage函数已经被去掉了，我的opencv246就没有这个函数。只要在工程中加入CvvImage.h和CvvImage.cpp就可以了。关于这两个文件见本博客http://blog.csdn.net/lxy201700/article/details/16921715

2:如果你编译后出现error C4996: 'fopen': This function or variable may be unsafe.的错误提示说明的vs版本比较新，在VS2008中只是个warning，我的是VS2012的出现错误文件生成失败。关于这个问题的解决见本博客http://blog.csdn.net/lxy201700/article/details/16921629