VS2013 MFC使用opencv3.0显示图片

一、创建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( &dlg.TheImage );

即按下“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();            // 获取图片路径

    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，创建两个函数：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号
{
    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 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( &gray );
    cvReleaseImage( &edge );
}

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

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

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

 

 

如何在OpenCV2.3以上中实现CvvImage，根据网络各个高手的方法，我自己的总结如下。

首先，找到CvvImage的原代码。我在网上已经找到了，具体代码如下。

这是CvvImage.h文件。

[cpp]  view plain copy

1. #pragma once  
2. #ifndef CVVIMAGE_CLASS_DEF  
3. #define CVVIMAGE_CLASS_DEF  
4. #include "opencv.hpp"  
5. /* CvvImage class definition */  
6. class  CvvImage  
7. {  
8. public:  
9.    CvvImage();  
10.    virtual ~CvvImage();  
11.    /* Create image (BGR or grayscale) */  
12.    virtual bool  Create( int width, int height, int bits_per_pixel, int image_origin = 0 );  
13.    /* Load image from specified file */  
14.    virtual bool  Load( const char* filename, int desired_color = 1 );  
15.    /* Load rectangle from the file */  
16.    virtual bool  LoadRect( const char* filename,  
17.       int desired_color, CvRect r );  
18. #if defined WIN32 || defined _WIN32  
19.    virtual bool  LoadRect( const char* filename,  
20.       int desired_color, RECT r )  
21.    {  
22.       return LoadRect( filename, desired_color,  
23.          cvRect( r.left, r.top, r.right - r.left, r.bottom - r.top ));  
24.    }  
25. #endif  
26.    /* Save entire image to specified file. */  
27.    virtual bool  Save( const char* filename );  
28.    /* Get copy of input image ROI */  
29.    virtual void  CopyOf( CvvImage& image, int desired_color = -1 );  
30.    virtual void  CopyOf( IplImage* img, int desired_color = -1 );  
31.    IplImage* GetImage() { return m_img; };  
32.    virtual void  Destroy(void);  
33.    /* width and height of ROI */  
34.    int Width() { return !m_img ? 0 : !m_img->roi ? m_img->width : m_img->roi->width; };  
35.    int Height() { return !m_img ? 0 : !m_img->roi ? m_img->height : m_img->roi->height;};  
36.    int Bpp() { return m_img ? (m_img->depth & 255)*m_img->nChannels : 0; };  
37.    virtual void  Fill( int color );  
38.    /* draw to highgui window */  
39.    virtual void  Show( const char* window );  
40.   
41. #if defined WIN32 || defined _WIN32  
42.    /* draw part of image to the specified DC */  
43.    virtual void  Show( HDC dc, int x, int y, int width, int height,  
44.       int from_x = 0, int from_y = 0 );  
45.    /* draw the current image ROI to the specified rectangle of the destination DC */  
46.    virtual void  DrawToHDC( HDC hDCDst, RECT* pDstRect );  
47. #endif  
48. protected:  
49.    IplImage*  m_img;  
50. };  
51. typedef CvvImage CImage;  
52. #endif  

原代码文件:

[cpp]  view plain copy

1. #include "StdAfx.h"  
2. #include "CvvImage.h"  
3. //  
4. // Construction/Destruction  
5. //  
6. CV_INLINE RECT NormalizeRect( RECT r );  
7. CV_INLINE RECT NormalizeRect( RECT r )  
8. {  
9.    int t;  
10.    if( r.left > r.right )  
11.    {  
12.       t = r.left;  
13.       r.left = r.right;  
14.       r.right = t;  
15.    }  
16.    if( r.top > r.bottom )  
17.    {  
18.       t = r.top;  
19.       r.top = r.bottom;  
20.       r.bottom = t;  
21.    }  
22.   
23.    return r;  
24. }  
25. CV_INLINE CvRect RectToCvRect( RECT sr );  
26. CV_INLINE CvRect RectToCvRect( RECT sr )  
27. {  
28.    sr = NormalizeRect( sr );  
29.    return cvRect( sr.left, sr.top, sr.right - sr.left, sr.bottom - sr.top );  
30. }  
31. CV_INLINE RECT CvRectToRect( CvRect sr );  
32. CV_INLINE RECT CvRectToRect( CvRect sr )  
33. {  
34.    RECT dr;  
35.    dr.left = sr.x;  
36.    dr.top = sr.y;  
37.    dr.right = sr.x + sr.width;  
38.    dr.bottom = sr.y + sr.height;  
39.   
40.    return dr;  
41. }  
42. CV_INLINE IplROI RectToROI( RECT r );  
43. CV_INLINE IplROI RectToROI( RECT r )  
44. {  
45.    IplROI roi;  
46.    r = NormalizeRect( r );  
47.    roi.xOffset = r.left;  
48.    roi.yOffset = r.top;  
49.    roi.width = r.right - r.left;  
50.    roi.height = r.bottom - r.top;  
51.    roi.coi = 0;  
52.   
53.    return roi;  
54. }  
55. void  FillBitmapInfo( BITMAPINFO* bmi, int width, int height, int bpp, int origin )  
56. {  
57.    assert( bmi && width >= 0 && height >= 0 && (bpp == 8 || bpp == 24 || bpp == 32));  
58.   
59.    BITMAPINFOHEADER* bmih = &(bmi->bmiHeader);  
60.   
61.    memset( bmih, 0, sizeof(*bmih));  
62.    bmih->biSize = sizeof(BITMAPINFOHEADER);  
63.    bmih->biWidth = width;  
64.    bmih->biHeight = origin ? abs(height) : -abs(height);  
65.    bmih->biPlanes = 1;  
66.    bmih->biBitCount = (unsigned short)bpp;  
67.    bmih->biCompression = BI_RGB;  
68.    if( bpp == 8 )  
69.    {  
70.       RGBQUAD* palette = bmi->bmiColors;  
71.       int i;  
72.       for( i = 0; i < 256; i++ )  
73.       {  
74.          palette[i].rgbBlue = palette[i].rgbGreen = palette[i].rgbRed = (BYTE)i;  
75.          palette[i].rgbReserved = 0;  
76.       }  
77.    }  
78. }  
79. CvvImage::CvvImage()  
80. {  
81.    m_img = 0;  
82. }  
83. void CvvImage::Destroy()  
84. {  
85.    cvReleaseImage( &m_img );  
86. }  
87. CvvImage::~CvvImage()  
88. {  
89.    Destroy();  
90. }  
91. bool  CvvImage::Create( int w, int h, int bpp, int origin )  
92. {  
93.    const unsigned max_img_size = 10000;  
94.   
95.    if( (bpp != 8 && bpp != 24 && bpp != 32) ||  
96.       (unsigned)w >=  max_img_size || (unsigned)h >= max_img_size ||  
97.       (origin != IPL_ORIGIN_TL && origin != IPL_ORIGIN_BL))  
98.    {  
99.       assert(0); // most probably, it is a programming error  
100.       return false;  
101.    }  
102.    if( !m_img || Bpp() != bpp || m_img->width != w || m_img->height != h )  
103.    {  
104.       if( m_img && m_img->nSize == sizeof(IplImage))  
105.          Destroy();  
106.       /* prepare IPL header */  
107.       m_img = cvCreateImage( cvSize( w, h ), IPL_DEPTH_8U, bpp/8 );  
108.    }  
109.    if( m_img )  
110.       m_img->origin = origin == 0 ? IPL_ORIGIN_TL : IPL_ORIGIN_BL;  
111.    return m_img != 0;  
112. }  
113. void  CvvImage::CopyOf( CvvImage& image, int desired_color )  
114. {  
115.    IplImage* img = image.GetImage();  
116.    if( img )  
117.    {  
118.       CopyOf( img, desired_color );  
119.    }  
120. }  
121. #define HG_IS_IMAGE(img)                                                  \  
122.    ((img) != 0 && ((const IplImage*)(img))->nSize == sizeof(IplImage) && \  
123.    ((IplImage*)img)->imageData != 0)  
124. void  CvvImage::CopyOf( IplImage* img, int desired_color )  
125. {  
126.    if( HG_IS_IMAGE(img) )  
127.    {  
128.       int color = desired_color;  
129.       CvSize size = cvGetSize( img );   
130.       if( color < 0 )  
131.          color = img->nChannels > 1;  
132.       if( Create( size.width, size.height,  
133.          (!color ? 1 : img->nChannels > 1 ? img->nChannels : 3)*8,  
134.          img->origin ))  
135.       {  
136.          cvConvertImage( img, m_img, 0 );  
137.       }  
138.    }  
139. }  
140. bool  CvvImage::Load( const char* filename, int desired_color )  
141. {  
142.    IplImage* img = cvLoadImage( filename, desired_color );  
143.    if( !img )  
144.       return false;  
145.   
146.    CopyOf( img, desired_color );  
147.    cvReleaseImage( &img );  
148.   
149.    return true;  
150. }  
151. bool  CvvImage::LoadRect( const char* filename,  
152.                    int desired_color, CvRect r )  
153. {  
154.    if( r.width < 0 || r.height < 0 ) return false;  
155.   
156.    IplImage* img = cvLoadImage( filename, desired_color );  
157.    if( !img )  
158.       return false;  
159.    if( r.width == 0 || r.height == 0 )  
160.    {  
161.       r.width = img->width;  
162.       r.height = img->height;  
163.       r.x = r.y = 0;  
164.    }  
165.    if( r.x > img->width || r.y > img->height ||  
166.       r.x + r.width < 0 || r.y + r.height < 0 )  
167.    {  
168.       cvReleaseImage( &img );  
169.       return false;  
170.    }  
171.    /* truncate r to source image */  
172.    if( r.x < 0 )  
173.    {  
174.       r.width += r.x;  
175.       r.x = 0;  
176.    }  
177.    if( r.y < 0 )  
178.    {  
179.       r.height += r.y;  
180.       r.y = 0;  
181.    }  
182.    if( r.x + r.width > img->width )  
183.       r.width = img->width - r.x;  
184.   
185.    if( r.y + r.height > img->height )  
186.       r.height = img->height - r.y;  
187.    cvSetImageROI( img, r );  
188.    CopyOf( img, desired_color );  
189.    cvReleaseImage( &img );  
190.    return true;  
191. }  
192. bool  CvvImage::Save( const char* filename )  
193. {  
194.    if( !m_img )  
195.       return false;  
196.    cvSaveImage( filename, m_img );  
197.    return true;  
198. }  
199. void  CvvImage::Show( const char* window )  
200. {  
201.    if( m_img )  
202.       cvShowImage( window, m_img );  
203. }  
204. void  CvvImage::Show( HDC dc, int x, int y, int w, int h, int from_x, int from_y )  
205. {  
206.    if( m_img && m_img->depth == IPL_DEPTH_8U )  
207.    {  
208.       uchar buffer[sizeof(BITMAPINFOHEADER) + 1024];  
209.       BITMAPINFO* bmi = (BITMAPINFO*)buffer;  
210.       int bmp_w = m_img->width, bmp_h = m_img->height;  
211.       FillBitmapInfo( bmi, bmp_w, bmp_h, Bpp(), m_img->origin );  
212.       from_x = MIN( MAX( from_x, 0 ), bmp_w - 1 );  
213.       from_y = MIN( MAX( from_y, 0 ), bmp_h - 1 );  
214.       int sw = MAX( MIN( bmp_w - from_x, w ), 0 );  
215.       int sh = MAX( MIN( bmp_h - from_y, h ), 0 );  
216.       SetDIBitsToDevice(  
217.          dc, x, y, sw, sh, from_x, from_y, from_y, sh,  
218.          m_img->imageData + from_y*m_img->widthStep,  
219.          bmi, DIB_RGB_COLORS );  
220.    }  
221. }  
222. void  CvvImage::DrawToHDC( HDC hDCDst, RECT* pDstRect )   
223. {  
224.    if( pDstRect && m_img && m_img->depth == IPL_DEPTH_8U && m_img->imageData )  
225.    {  
226.       uchar buffer[sizeof(BITMAPINFOHEADER) + 1024];  
227.       BITMAPINFO* bmi = (BITMAPINFO*)buffer;  
228.       int bmp_w = m_img->width, bmp_h = m_img->height;  
229.       CvRect roi = cvGetImageROI( m_img );  
230.       CvRect dst = RectToCvRect( *pDstRect );  
231.       if( roi.width == dst.width && roi.height == dst.height )  
232.       {  
233.          Show( hDCDst, dst.x, dst.y, dst.width, dst.height, roi.x, roi.y );  
234.          return;  
235.       }  
236.       if( roi.width > dst.width )  
237.       {  
238.          SetStretchBltMode(  
239.             hDCDst,           // handle to device context  
240.             HALFTONE );  
241.       }  
242.       else  
243.       {  
244.          SetStretchBltMode(  
245.             hDCDst,           // handle to device context  
246.             COLORONCOLOR );  
247.       }  
248.       FillBitmapInfo( bmi, bmp_w, bmp_h, Bpp(), m_img->origin );  
249.       ::StretchDIBits(  
250.          hDCDst,  
251.          dst.x, dst.y, dst.width, dst.height,  
252.          roi.x, roi.y, roi.width, roi.height,  
253.          m_img->imageData, bmi, DIB_RGB_COLORS, SRCCOPY );  
254.    }  
255. }  
256. void  CvvImage::Fill( int color )  
257. {  
258.    cvSet( m_img, cvScalar(color&255,(color>>8)&255,(color>>16)&255,(color>>24)&255) );  
259. }  

找到原文件之后就好办了。你就可以自己添加到自己的所需要的工程中去了。

其次：保存文件

将上面的文件要保存起来，分别将其粘贴在.txt文件中，然后改掉名字为：CvvImage.h 和 CvvImage.cpp

最后：添加CvvImage文件

打开solution Explorer ，右击Header files，添加CvvImage.h; 再右击Source files 添加 CvvImage.cpp

如图所示：