[OpenCV] Mat 이미지를 Picture Control에 출력하기

이번 포스팅에서는 Mat 이미지를 Picture Control에 그리는 것이 목표입니다.

작업 환경은 Visual Studio 2015 MFC 입니다.

기본적인 환경 설정은 아래 글을 확인해주세요.

[OpenCV] Visual Studio 2015에서 OpenCV 4.0.1 사용하기

 

차례대로 진행을 해보겠습니다.

※ 샘플 코드는 본문 하단에 첨부되어 있습니다.

1. 리소스 편집기에서 Picture Control을 추가합니다.

<Picture Control을 추가한 모습>

ID는 IDC_PC_VIEW라고 설정했습니다.

<Picture Control ID>

 

 

2. 리소스 편집기에서 Button을 추가합니다.

 

 

 

<Button Control을 추가한 모습>

ID는 IDC_BTN_IMAGELOAD라고 설정했습니다.

 

 

 

<Button Control ID>

3. Main Dialog Header에 다음과 같이 정의합니다.

class COpenCVTestDlg : public CDialogEx
{
// Construction
public:
	COpenCVTestDlg(CWnd* pParent = NULL);	// standard constructor

...
public :
	Mat m_matImage; // 이미지 정보를 담고 있는 객체.
	BITMAPINFO *m_pBitmapInfo; // Bitmap 정보를 담고 있는 구조체.

	void CreateBitmapInfo(int w, int h, int bpp); // Bitmap 정보를 생성하는 함수.
	void DrawImage(); // 그리는 작업을 수행하는 함수.
// Implementation
...
};

 

4. 'CreateBitmapInfo'는 다음과 같이 구현합니다.

void COpenCVTestDlg::CreateBitmapInfo(int w, int h, int bpp)
{
	if (m_pBitmapInfo != NULL)
	{
		delete m_pBitmapInfo;
		m_pBitmapInfo = NULL;
	}

	if (bpp == 8)
		m_pBitmapInfo = (BITMAPINFO *) new BYTE[sizeof(BITMAPINFO) + 255 * sizeof(RGBQUAD)];
	else // 24 or 32bit
		m_pBitmapInfo = (BITMAPINFO *) new BYTE[sizeof(BITMAPINFO)];

	m_pBitmapInfo->bmiHeader.biSize = sizeof(BITMAPINFOHEADER);
	m_pBitmapInfo->bmiHeader.biPlanes = 1;
	m_pBitmapInfo->bmiHeader.biBitCount = bpp;
	m_pBitmapInfo->bmiHeader.biCompression = BI_RGB;
	m_pBitmapInfo->bmiHeader.biSizeImage = 0;
	m_pBitmapInfo->bmiHeader.biXPelsPerMeter = 0;
	m_pBitmapInfo->bmiHeader.biYPelsPerMeter = 0;
	m_pBitmapInfo->bmiHeader.biClrUsed = 0;
	m_pBitmapInfo->bmiHeader.biClrImportant = 0;

	if (bpp == 8)
	{
		for (int i = 0; i < 256; i++)
		{
			m_pBitmapInfo->bmiColors[i].rgbBlue = (BYTE)i;
			m_pBitmapInfo->bmiColors[i].rgbGreen = (BYTE)i;
			m_pBitmapInfo->bmiColors[i].rgbRed = (BYTE)i;
			m_pBitmapInfo->bmiColors[i].rgbReserved = 0;
		}
	}
	
	m_pBitmapInfo->bmiHeader.biWidth = w;
	m_pBitmapInfo->bmiHeader.biHeight = -h;
}

 

5. 'DrawImage'는 다음과 같이 구현합니다.

void COpenCVTestDlg::DrawImage()
{
	CClientDC dc(GetDlgItem(IDC_PC_VIEW));

	CRect rect;
	GetDlgItem(IDC_PC_VIEW)->GetClientRect(&rect);

	SetStretchBltMode(dc.GetSafeHdc(), COLORONCOLOR);
	StretchDIBits(dc.GetSafeHdc(), 0, 0, rect.Width(), rect.Height(), 0, 0, m_matImage.cols, m_matImage.rows, m_matImage.data, m_pBitmapInfo, DIB_RGB_COLORS, SRCCOPY);
}

 

6. 리소스 편집기에서 추가한 버튼에 클릭 이벤트를 등록합니다.

생성된 버튼 이벤트에 다음과 같이 구현합니다.

void COpenCVTestDlg::OnBnClickedBtnImageload()
{
	CFileDialog fileDlg(TRUE, NULL, NULL, OFN_READONLY, _T("image file(*.jpg;*.bmp;*.png;)|*.jpg;*.bmp;*.png;|All Files(*.*)|*.*||"));
	if (fileDlg.DoModal() == IDOK)
	{
		CString path = fileDlg.GetPathName();

		CT2CA pszString(path);
		std::string strPath(pszString);

		m_matImage = imread(strPath, IMREAD_UNCHANGED);

		CreateBitmapInfo(m_matImage.cols, m_matImage.rows, m_matImage.channels()*8);

		DrawImage();
	}
}

 

이제 빌드 후 실행하면 다음과 같이 결과를 얻을 수 있습니다.

<결과 화면>

 

본문 외 자세한 코드 내용은 첨부된 예제를 꼭 확인해주세요.

OpenCVTest.zip

다운로드