[转载]利用MFC的Picture控件显示图像

[转载]利用MFC的Picture控件显示图像

(2010-11-12 19:39:56)


转载▼

标签： 杂谈

分类： OpenCV

转载自http://hi.baidu.com/mailrabbit/blog/item/6a6a17b24816dca8d9335a1a.html
参考：http://blog.csdn.net/chenyusiyuan/archive/2009/10/29/4744097.aspx http://www.site.uottawa.ca/~laganier/tutorial/opencv+directshow/cvision.htm
一、创建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 打开工程文件，进入资源视图：testPicControl（工程名称）->testPicControl.rc->Dialog双击IDD_TESTPICCONTROL_DIALOG，可以看到一个初始的GUI界面，往里面添加两个
Button 和 一个 Picture 控件

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

2 在项目属性中加载lib文件：菜单Project -> Properties -> Configuration Properties -> Linker –> Input -> additional dependencies 中加入 cxcore200.lib cv200.lib highgui200.lib。
3 然后在 testPicControl.h 的 #include "resource.h" 代码行下面加入如下代码：

#include "cv.h"

#include "highgui.h"

#define IMAGE_WIDTH 256

#define IMAGE_HEIGHT 256

#define IMAGE_CHANNELS 3

4 在 类视图面板右击 CtestPicControlDlg，选择 Add –> Add Variable，添加一个 IplImage* 类型的变量 TheImage；再点击 CtestPicControlDlg，在下面窗口的列表中双击 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 );

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，选择 Add Event Handler，建立按钮点击的消息响应程序：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_SHOWIMAGE); // 调用显示图片函数

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

}
代码中所用到的一些MFC相关知识(待续)
1 OnInitDialog();
2 CDialog::OnPaint(); // 重绘对话框
CDialog::UpdateWindow(); // 更新windows窗口，如果无这步调用，图片显示还会出现问题
3 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 ) //
判断是否获得图片
CString mPath = dlg.GetPathName();
4 CDC* pDC=GetDlgItem(ID)->GetDC();// 获得显示控件的 DC

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

CRect rect;

GetDlgItem(ID)->GetClientRect(&rect);
SetRect( rect, tx, ty, tx+iw, ty+ih );
5 CvvImage cimg;

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

cimg.DrawToHDC(hDC,&rect);
6 cvSetImageROI( TheImage, cvRect( tlx, tly, nw, nh) );
cvResize( img, TheImage );

cvResetImageROI( TheImage );

分享：

分享到新浪Qing



0


喜欢

阅读(1548)┊ 评论 (0)┊

收藏(0) ┊转载(2)

┊ 喜欢▼ ┊打印┊举报

已投稿到：	排行榜 圈子

前一篇：关于作业和系统调用
后一篇：OpenCV1.0版本中的一个小bug