首先,在對話框的界面上添加一個Button和一個 Picture 控件。
Picture 控件的 ID 號可自行修改,比如:IDC_ShowImg
然后,在 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();
// 讀取圖片、緩存到一個局部變量 ipl 中
IplImage* ipl = cvLoadImage( mPath, 1 );
// 判斷是否成功讀取圖片
if( !ipl )
return;
// 對上一幅顯示的圖片數據清零
if( TheImage )
cvZero( TheImage );
// 對讀入的圖片進行縮放,使其寬或高最大值者剛好等於 256,再復制到 TheImage 中
ResizeImage( ipl );
// 調用顯示圖片函數
ShowImage( TheImage, IDC_ShowImg );
// 釋放 ipl 占用的內存
cvReleaseImage( &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號
{
// 獲得顯示控件的 DC
CDC* pDC = GetDlgItem( ID ) ->GetDC();
// 獲取 HDC(設備句柄) 來進行繪圖操作
HDC hDC = pDC ->GetSafeHdc();
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 );
}
以上是在網上找的資料。
效果如下:
由於想讓圖像大點,或者適應於控件尺寸,所以修改了下,但似乎還不太對。
void C多波段圖像與全色圖像的融合Dlg::ShowImage(IplImage* img, UINT ID) // ID 是Picture Control控件的ID號
{
// 獲得顯示控件的DC
CDC* pDC = GetDlgItem( ID ) ->GetDC();
// 獲取 HDC(設備句柄) 來進行繪圖操作
HDC hDC = pDC ->GetSafeHdc();
CRect rect; GetDlgItem(ID) ->GetClientRect( &rect );
//復制圖片
CvvImage cimg; cimg.CopyOf( img );
// 將圖片繪制到顯示控件的指定區域內
cimg.DrawToHDC( hDC, &rect );
ReleaseDC( pDC );
}
void C多波段圖像與全色圖像的融合Dlg::ResizeImage(IplImage* img,IplImage* Image,UINT ID)
{
CRect rect; GetDlgItem(ID) ->GetClientRect( &rect );
// 求出圖片控件的寬和高
int rw = rect.right - rect.left;
int rh = rect.bottom - rect.top;
// 讀取圖片的寬和高
int w = img->width;
int h = img->height;
// 計算將圖片縮放到Image區域所需的比例因子
float scalew = (float) ( (float) w / (float)rw );
float scaleh = (float) ( (float) h / (float)rh );
// 找出較大值者
float scalemax = (scalew > scaleh)? scalew: scaleh;
// 縮放后圖片的寬和高
int nw = (int)( w/scalemax );
int nh = (int)( h/scalemax );
// 為了將縮放后的圖片存入 Image 的正中部位,需計算圖片在 Image 左上角的期望坐標值
int tlx = (int)(rw-nw)/2;
int tly = (int)(rh-nh)/2;
// 設置 Image 的 ROI 區域,用來存入圖片 img
cvSetImageROI( Image, cvRect( tlx, tly, nw, nh) );
// 對圖片 img 進行縮放,並存入到 Image 中
cvResize( img, Image );
// 重置 Image 的 ROI 准備讀入下一幅圖片
cvResetImageROI( Image );
}
效果如下:
后來,我發現了最前面的這個:
#define IMAGE_WIDTH 256
#define IMAGE_HEIGHT 256
其實只要改下數字,再在ResizeImage函數中改下數字就可以調整圖像顯示的大小了。我表示對自己很無語。
都改為300后,效果如下: