Opencv (Opencv2)结合MFC学习数字图像处理---显示图片

本文介绍在MFC框架下，使用opencv的解码函数对图片进行解码，并最终显示到窗口。在此过程中，遇到了图片显示时的大小问题，以及闪烁问题，本文将一一解决。 

【显示图片】

1. 在CImageProcessView::OnDraw(CDC* pDC) 中写绘制图片的代码
    我们已经打开图片时，利用opencv对图片文件进行了解码，图像数据已经在src_image中持有，现在需要把src_image中的数据绘制到窗口。

 1  void CImageProcessView::OnDraw(CDC* pDC)
 2 {
 3     CImageProcessDoc* pDoc = GetDocument();
 4     ASSERT_VALID(pDoc);
 5      if (!pDoc)
 6          return;
 7 
 8      //  TODO: add draw code for native data here
 9      Mat & image = pDoc->src_image;
10 }

 2. 将Mat转化成CImage

 

       Mat是表示图像数据的一个矩阵，它不能直接绘制到窗口DC，通过google,我发现atl的一个类CImage有绘制到DC的方法，所以只需要把Mat在显示之前先转化成CImage,代码如下:

 1  void ImageUtility::MatToCImage( Mat &mat, CImage &cImage)  
 2 {  
 3      int width    = mat.cols;  
 4      int height   = mat.rows;  
 5      int channels = mat.channels();  
 6 
 7     cImage.Destroy(); 
 8     cImage.Create(width,   
 9         height,   
10          8*channels ); 
11 
12     uchar* ps;  
13     uchar* pimg = (uchar*)cImage.GetBits(); 
14      int step = cImage.GetPitch();  
15 
16      for ( int i =  0; i < height; ++i)  
17     {  
18         ps = (mat.ptr<uchar>(i));  
19          for (  int j =  0; j < width; ++j )  
20         {  
21              if ( channels ==  1 )  // gray  
22              {  
23                 *(pimg + i*step + j) = ps[j];  
24             }  
25              else  if ( channels ==  3 )  // color  
26              {  
27                  for ( int k =  0 ; k <  3; ++k )  
28                 {  
29                     *(pimg + i*step + j* 3 + k ) = ps[j* 3 + k];  
30                 }             
31             }  
32         }     
33     }  
34 
35 }  

3. 将图片显示在窗口DC

1 Mat & image = pDoc->src_image;
2      if (image.empty())
3     {
4          return;
5     }
6     CImage cimage;
7     ImageUtility::MatToCImage(image,cimage);
8     cimage.Draw(pDC->GetSafeHdc(), 0, 0,cimage.GetWidth(),cimage.GetHeight(),
9          0, 0,cimage.GetWidth(),cimage.GetHeight());

 

 终于图片可以显示出来了，如下图：

                                   

 

【fit图片到窗口大小】

          从上面的结果来看，显示是显示出来了，但是效果不好，因为图片比较大，超过了窗口大小，所以在绘制时，需要做一个缩放，缩放到适合窗口显示的大小，缩放之前，需要先得到窗口大小。
 1. override CImageProcessView的OnSize

1  void CImageProcessView::OnSize(UINT nType,  int cx,  int cy)
2 {
3     nWidth = cx;
4     nHeight = cy;
5     CView::OnSize(nType, cx, cy);
6      //  TODO: Add your message handler code here
7  }

 

 

 2. 将图像缩放到适合窗口显示的大小

 1  int fixed_width = min(cimage.GetWidth(),nWidth);
 2      int fixed_height = min(cimage.GetHeight(),nHeight);
 3 
 4      double ratio_w = fixed_width / ( double)cimage.GetWidth();
 5      double ratio_h = fixed_height / ( double)cimage.GetHeight();
 6      double ratio = min(ratio_w,ratio_h);
 7 
 8      int show_width = ( int)(ratio * cimage.GetWidth());
 9      int show_height = ( int)(ratio * cimage.GetHeight());
10      int offsetx = (nWidth - show_width) /  2;
11      int offsety = (nHeight - show_height) /  2;
12     ::SetStretchBltMode(pDC->GetSafeHdc(),   COLORONCOLOR); 
13     cimage.StretchBlt(pDC->GetSafeHdc(),
14                          offsetx,offsety,
15                       show_width,show_height, 0, 0,cimage.GetWidth(),cimage.GetHeight(),
16                       SRCCOPY);

 

 

 这些图片能完整显示了，而且是显示在窗口的中间，如图

                        

 

【双缓存去闪烁】

当我们resize窗口时，上面的程序会有剧烈的闪动，这谁能受得了了， 为了改进这一体验，我们使用双缓存方案。

1. override CImageProcessView的OnEraseBkgnd
    这样就不再画背景画刷到窗口DC了。

1 BOOL CImageProcessView::OnEraseBkgnd(CDC* pDC)
2 {
3      //  TODO: Add your message handler code here and/or call default
4       // return CView::OnEraseBkgnd(pDC);
5       return TRUE;
6 }

2. 加入双缓存
首先写一个双缓存类DoubleBufferSys 

 1  #pragma once
 2 #include <windows.h>
 3  class DoubleBufferSys
 4 {
 5  public:
 6     DoubleBufferSys();
 7     ~DoubleBufferSys();
 8      void Resize( int width, int height);
 9      void SetCDC(CDC * pDC);
10     CDC& GetMemDC();
11      void Present();
12  private:
13     CDC MemDC;  // 首先定义一个显示设备对象  
14      CBitmap MemBitmap; // 定义一个位图对象  
15      CDC * pDC;
16      int width;
17      int height;
18 
19 };

 

实现代码如下

 1 #include  " stdafx.h "
 2 #include  " DoubleBufferSys.h "
 3 DoubleBufferSys::DoubleBufferSys()
 4 {
 5     MemDC.CreateCompatibleDC(NULL);
 6 }
 7 
 8 DoubleBufferSys::~DoubleBufferSys()
 9 {
10     MemBitmap.DeleteObject();  
11     MemDC.DeleteDC();  
12 }
13  void DoubleBufferSys::Present()
14 {
15     pDC->BitBlt( 0, 0,width,height,&MemDC, 0, 0,SRCCOPY);  
16 }
17  void DoubleBufferSys::Resize( int _width, int _height)
18 {
19      if (_width <= 0 || _height <= 0)
20     {
21          return;
22     }
23     width = _width;
24     height = _height;
25 
26     MemBitmap.DeleteObject();  
27     MemBitmap.CreateCompatibleBitmap(pDC,width,height);  
28     CBitmap *pOldBit = MemDC.SelectObject(&MemBitmap);  
29     MemDC.FillSolidRect( 0, 0,width,height,RGB( 0, 0, 0));
30 }
31 
32  void DoubleBufferSys::SetCDC(CDC *_pDC)
33 {
34     pDC = _pDC;
35 }
36 
37 CDC& DoubleBufferSys::GetMemDC()
38 {
39      return MemDC;
40 }

然后在CImageProcessView类中定义一个双缓存系统对象DoubleBufferSys dbbufSys; 并在绘制函数中如下调用

 1 dbbufSys.SetCDC(pDC);
 2 dbbufSys.Resize(nWidth,nHeight);
 3 
 4 Mat & image = pDoc->src_image;
 5  if (image.empty())
 6 {
 7     dbbufSys.Present();
 8      return;
 9 }
10 
11 .................    
12 
13 ::SetStretchBltMode(dbbufSys.GetMemDC(),   COLORONCOLOR); 
14 cimage.StretchBlt(dbbufSys.GetMemDC(),
15           offsetx,offsety,
16           show_width,show_height, 0, 0,cimage.GetWidth(),cimage.GetHeight(),
17           SRCCOPY);
18 
19 dbbufSys.Present();

 

 这样就不会出现讨厌的闪烁了，另外，DoubleBufferSys这个类可以复用，使用时按照如下流程即可

   1. 设置CDC指针到DoubleBufferSys

   2. Resize 双缓存大小

   3. 在双缓存中的缓存中绘制

   4. 将缓存中的内容Present(也就是拷贝到)显存

 

 

这样，一个比较完整的利用opencv解码jpeg,并在窗口中显示的小程序就完成了，以后可以基于此实现一些数字处理的算法。