[MFC] Dialog에 Form(Dialog) 붙이기(예제 포함)

Dialog에 Dialog를 붙인다?

이번 포스팅에서는 다이얼로그에 새로운 다이얼로그(CFormView 기반)를 붙이는 예제를 보여드리고자 합니다. 이게 무슨 의미인지 감이 안 오시죠? 쉽게 이해할 수 있게 아래 이미지를 준비했습니다.

Dialog에 Dialog 붙인 예시

즉, 메인 다이얼로그에 특정 다이얼로그를 특정 영역에 붙이는 것입니다. 이런 작업이 왜 필요할까요?
프로그래밍을 할 때 모듈화는 정말 중요합니다. 객체 지향 프로그래밍을 위한 중요한 개념 중 하나죠. 만약, 모듈화를 하지 않고 하나의 클래스 안에 온갖 코드를 구현해 놓으면 어떻게 될까요? 직접 개발한 개발자는 물론 향후 유지보수 개발자도 알아보기가 힘들 것입니다. 이때부터 악몽이 시작되겠죠.

UI도 마찬가지입니다. 하나의 다이얼로그에 보인다고 해서 온갖 컨트롤들을 배치해버리면 나름대로 골치 아파집니다. 물론 경우에 따라 다르겠지만, 되도록이면 공통적인 요소 그리고 모듈화가 가능한지를 따져본 후 이것 또한 다른 Form으로 분리하는 것이 좋습니다.

예제 코드 Concept

그럼 소개는 여기까지 하도록 하고, 어떻게 구현하는지 보겠습니다. 먼저, 메인 다이얼로그에 Picture Control을 생성합니다. 이 Picture Control은 새로운 다이얼로그를 붙일 영역으로만 사용됩니다. 그리고 새로운 다이얼로그에 UI 컨트롤들을 배치하면 끝입니다.

예제 프로그램 컨셉

실행 결과는 아래와 같습니다. 새로운 다이얼로그의 크기가 Picture Control보다 크면 스크롤바가 생성되고, 작으면 스크롤바는 생성되지 않습니다.

실행 결과

따라 하기

예제 코드는 본문 하단에 첨부되어 있습니다. 중요한 부분만 설명하고, 자세한 내용은 첨부된 코드를 참고해주세요!
Main Dialog에 Picture Control을 배치합니다.

Main Dialog UI 배치

리소스 편집기에서 Dialog를 하나 생성합니다. Dialog의 두 가지 설정을 다음과 같이 설정합니다.

• Border: NONE
• Style: Child

그리고 추가할 UI 컨트롤들을 배치합니다. 아래는 임의로 추가한 모습입니다.

새로 추가한 Dialog

새로 추가한 Dialog에 클래스를 추가합니다. 클래스 추가 시 CDialogEx가 아닌 CFormView를 기본 클래스로 선택해야 합니다. Visual Studio 2017의 경우 CFormView가 사라졌더군요. 직접 입력을 할 수 없으니 CDialogEx로 생성하고, 직접 CDialogEx를 CFormView로 변경합니다.

예제에서는 CFormView를 상속받는 CMyForm 클래스를 추가했습니다. 그리고 가상 함수로 Create와 OnInitialUpdate를 추가했습니다.

#pragma once


// CMyForm 대화 상자

class CMyForm : public CFormView
{
	DECLARE_DYNAMIC(CMyForm)

public:
	CMyForm();
	CMyForm(UINT nIDTemplate);
	virtual ~CMyForm();

// 대화 상자 데이터입니다.
#ifdef AFX_DESIGN_TIME
	enum { IDD = IDD_FORM_MYFORM };
#endif

protected:
	virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV 지원입니다.

	DECLARE_MESSAGE_MAP()
public:
	virtual BOOL Create(LPCTSTR lpszClassName, LPCTSTR lpszWindowName, DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID, CCreateContext* pContext = NULL);
	virtual void OnInitialUpdate();
};

다음으로 Main Dialog 헤더에는 다음과 같이 정의합니다.

#pragma once
#include "CMyForm.h"

// CExamFormAttachDialogDlg 대화 상자
class CExamFormAttachDialogDlg : public CDialogEx
{
// 생성입니다.
public:
	CExamFormAttachDialogDlg(CWnd* pParent = nullptr);	// 표준 생성자입니다.

// 대화 상자 데이터입니다.
#ifdef AFX_DESIGN_TIME
	enum { IDD = IDD_EXAMFORMATTACHDIALOG_DIALOG };
#endif

	protected:
	virtual void DoDataExchange(CDataExchange* pDX);	// DDX/DDV 지원입니다.

	CMyForm *m_pForm; // 새로 추가한 Dialog 객체
	void AllocForm(); // Picture Control에 Dialog를 추가하는 함수
// 구현입니다.
protected:
	HICON m_hIcon;

	// 생성된 메시지 맵 함수
	virtual BOOL OnInitDialog();
	afx_msg void OnSysCommand(UINT nID, LPARAM lParam);
	afx_msg void OnPaint();
	afx_msg HCURSOR OnQueryDragIcon();
	DECLARE_MESSAGE_MAP()
};

마지막으로 AllocForm() 함수에는 다음과 같이 구현합니다. Picture Control 영역에 새로운 다이얼로그를 추가하고, Picture Control을 제거하는 것입니다.

void CExamFormAttachDialogDlg::AllocForm()
{
	CCreateContext context;
	ZeroMemory(&context, sizeof(context));

	CRect rectOfPanelArea;

	GetDlgItem(IDC_STATIC_RECT)->GetWindowRect(&rectOfPanelArea);
	ScreenToClient(&rectOfPanelArea);
	m_pForm = new CMyForm();
	m_pForm->Create(NULL, NULL, WS_CHILD | WS_VSCROLL | WS_HSCROLL, rectOfPanelArea, this, IDD_FORM_MYFORM, &context);
	m_pForm->OnInitialUpdate();
	m_pForm->ShowWindow(SW_SHOW);
	GetDlgItem(IDC_STATIC_RECT)->DestroyWindow();
}

생각보다 간단하죠? 이 응용 방법을 활용하면 MFC의 구닥다리 Tab Control을 대신하여 예쁜 Form Changing이 가능합니다. 이 방법도 추후에 소개하도록 하겠습니다.

ExamFormAttachDialog.zip

0.13MB