[MFC] CFormView 기반 Dynamic Layout 적용하여 컨트롤 Resizing하기(예제 포함)

지난 포스팅에서 Dialog 기반 Dynamic Layout 적용 방법을 소개했었습니다.

[MFC] Dynamic Layout 적용하여 컨트롤 Resizing 하기(예제 포함)

[MFC] Dynamic Layout 적용하여 컨트롤 Resizing하기(예제 포함)

이번 포스팅에서는 CFormView 기반 Dynamic Layout 적용 방법을 소개하고자 합니다. 이번에 다룰 예제는 아래 링크의 예제 기반으로 작성될 예정입니다.

[MFC] Tab Control을 사용하지 않고 여러 Form 스위칭하기(예제 포함)

[MFC] Tab Control을 사용하지 않고 여러 Form 스위칭하기(예제 포함)

소개

이번 예제는 Main Dialog에 Picture Control로 영역을 지정하고, 해당 영역에 여러 개의 Dialog를 스위칭하며 보여주는 동작을 보여줍니다. Main Dialog 및 하위 Dialog가 있는 상태에서 Dynamic Layout을 적용하려면 어떻게 해야할까요?

예제 프로그램 구성

사실 아주 간단합니다. Main Dialog에서 하위 Dialog 3개를 Dyname Layout에 등록하고, 각 하위 Dialog에서는 동작할 컨트롤을 등록하면 되는 것입니다. 자세한 건 차례차례 예제 코드로 설명하겠습니다.

이번 예제도 Visual Studio 2015 MFC 기준, Dialog 프로젝트에서 진행하겠습니다. 코드의 중요한 부분만 본문에서 소개하고, 자세한 내용은 첨부된 예제 코드에서 확인하시기 바랍니다.

따라 하기

UI 컨트롤 구성

아래 링크의 예제 코드를 기반으로 Dynamic Layout을 소개합니다. 약간의 UI가 변경됐지만, 어렵지 않으므로 넘어가겠습니다. 

[MFC] Tab Control을 사용하지 않고 여러 Form 스위칭하기(예제 포함)

각 하위 Dialog에 버튼을 추가했습니다. 

각 하위 Dialog UI 구성

Main Dialog의 동적 레이아웃 설정

Main Dialog에서 동적 레이아웃 적용을 위해, 아래의 코드를 작성합니다. 이전 예제와 마찬가지로, 여러 개의 이동 및 크기 조정 옵션을 보여주고 있습니다. 하위 Dialog는 이동하지 않고, X, Y 방향으로 100% 비율로 크기만 조정하도록 합니다.

void CExamDynamicLayoutDlg::SetupForDynamicLayout()
{
	// 동적 레이아웃 활성화.
	this->EnableDynamicLayout();

	/* 이동 옵션 */
	// 1. 이동하지 않음.
	auto move_none = CMFCDynamicLayout::MoveSettings{};
	// 2. X,Y 방향으로 100% 비율 이동.
	auto move_both_100 = CMFCDynamicLayout::MoveSettings{};
	move_both_100.m_nXRatio = 100;
	move_both_100.m_nYRatio = 100;
	// 3. X 방향으로만 100% 비율 이동.
	auto move_x_100 = CMFCDynamicLayout::MoveSettings{};
	move_x_100.m_nXRatio = 100;
	// 4. Y 방향으로만 100% 비율 이동.
	auto move_y_100 = CMFCDynamicLayout::MoveSettings{};
	move_y_100.m_nYRatio = 100;
	/* 크기 조정 옵션 */
	// 1. 크기 조정하지 않음.
	auto size_none = CMFCDynamicLayout::SizeSettings{};
	// 2. X,Y 방향으로 100% 비율 크기 조정.
	auto size_both_100 = CMFCDynamicLayout::SizeSettings{};
	size_both_100.m_nXRatio = 100;
	size_both_100.m_nYRatio = 100;
	// 3. X 방향으로만 100% 비율 크기 조정.
	auto size_x_100 = CMFCDynamicLayout::SizeSettings{};
	size_x_100.m_nXRatio = 100;
	// 4. Y 방향으로만 100% 비율 크기 조정.
	auto size_y_100 = CMFCDynamicLayout::SizeSettings{};
	size_y_100.m_nYRatio = 100;

	// Dialog의 동적 레이아웃 포인터 획득.
	auto manager = this->GetDynamicLayout();
	// 동적 레이아웃 생성.
	manager->Create(this);
	// 동적 레이아웃에 등록할 컨트롤 추가.
	manager->AddItem(IDD_DIALOG_FORM1, move_none, size_both_100);
	manager->AddItem(IDD_DIALOG_FORM2, move_none, size_both_100);
	manager->AddItem(IDD_DIALOG_FORM3, move_none, size_both_100);
}

위 함수는 OnOnInitDialog()에 추가하여, 다이얼로그 초기화 때 호출되도록 합니다.

BOOL CExamDynamicLayoutDlg::OnInitDialog()
{
	CDialogEx::OnInitDialog();

	//...

	// 하위 Dialog 초기화.
	InitializeForms();

	// 동적 레이아웃 설정.
	SetupForDynamicLayout();
	
	// 리사이징 최소 크기를 위한 영역 획득.
	GetClientRect(&m_rcMinimumDialog);
	CalcWindowRect(m_rcMinimumDialog);

	return TRUE;  // 포커스를 컨트롤에 설정하지 않으면 TRUE를 반환합니다.
}

InitializeForms()는 하위 Dialog 초기화를 위한 함수이고, GetClientRect(), CalcWindowRect()는 Resizing 시 최소 값을 설정하기 위한 코드입니다.

하위 Dialog의 동적 레이아웃 설정

이 예제의 하위 Dialog는 CDialogEx를 상속받은 것이 아니라, CFormView를 상속받은 것입니다. 따라서, 동적 레이아웃의 설정은 OnInitDialog()가 아닌 HandleInitDialog()인 점에 주의를 해야 합니다. HandleInitDialog()는 클래스 마법사에서 등록이 안되므로, 다음과 같이 코드에서 등록합니다.

// CForm Header 정의.
LRESULT HandleInitDialog(WPARAM, LPARAM);
void SetupForDynamicLayout();

// CForm Source 구현.
BEGIN_MESSAGE_MAP(CForm1, CFormView)
	ON_MESSAGE(WM_INITDIALOG, HandleInitDialog)
END_MESSAGE_MAP()

LRESULT CForm1::HandleInitDialog(WPARAM, LPARAM)
{
	Default();  // allow default to initialize first (common dialogs/etc)

	// create OLE controls
	COccManager* pOccManager = afxOccManager;
	if ((pOccManager != NULL) && (m_pOccDialogInfo != NULL))
	{
		if (!pOccManager->CreateDlgControls(this, m_lpszTemplateName,
			m_pOccDialogInfo))
		{
			TRACE0("Warning: CreateDlgControls failed during form view init.\n");
			return FALSE;
		}

		SetupForDynamicLayout();
	}

	return FALSE;   // don't set focus until later
}

void CForm1::SetupForDynamicLayout()
{
	this->EnableDynamicLayout();

	auto move_none = CMFCDynamicLayout::MoveSettings{};
	
	auto size_both_100 = CMFCDynamicLayout::SizeSettings{};
	size_both_100.m_nXRatio = 100;
	size_both_100.m_nYRatio = 100;

	auto manager = this->GetDynamicLayout();

	manager->Create(this);
	manager->AddItem(IDC_BUTTON1, move_none, size_both_100);
}

이와 같은 방식으로 하위 Dialog 모두 동적 레이아웃을 위한 코드를 적용합니다. 본문에 첨부된 예제 코드를 실행하면 다음과 같은 결과를 얻을 수 있습니다.

코드 결과

Exam_DynamicLayout - MultiForm.zip

0.14MB