\n
![\"Dialog](\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2015\/07\/dynlayout1.png\")
<\/a><\/p>\nWhat we want is that the controls on the dialog move (the buttons) or resize (the group box, edit and the list) when the dialog is resized: The resource editor provides support for this, but it can also be done programmatically. If you open the properties of a control there is a new category called Dynamic Layout<\/em> that allows you to select a moving and a sizing type. Now, to enable the layout shown in the the example above we need to do the following:<\/p>\n These dynamic layout settings are put in the resource script (.rc file) of the application. For the example above it looks like this:<\/p>\n In this definition IDD_MFCDYNLAYOUTDEMO_DIALOG<\/tt> is the identifier of the dialog for which the settings are defined and the numbers in the BEGIN-END<\/tt> block represent:<\/p>\n These settings are loaded into a CMFCDynamicLayout<\/tt><\/a> object (see afxlayout.h\/cpp). This is done in the OnInitDialog<\/tt> method of the CDialog<\/tt> class as shown below:<\/p>\n Note: for CPaneDialog<\/tt>, CDialogBar<\/tt> and CFormView<\/tt> on the other hand this is done in HandleInitDialog<\/tt>.<\/p>\n This LoadDynamicLayoutResource<\/tt> is actually a member of CWnd<\/tt> which contains other methods for working with dynamic layouts:<\/p>\n These methods allow you to enable or disable the dynamic layout management on the fly. <\/p>\n The catch here is that just calling CWnd::EnableDynamicLayout<\/tt> won’t work because this method only deletes and recreates the CMFCDynamicLayout<\/tt> instance.<\/p>\n Just like CDialog::OnInitDialog<\/tt> you’d have to call CWnd::LoadDynamicLayoutResource<\/tt>. Therefore, the correct code for enabling and disabling dynamic layout management should look like this:<\/p>\n As mentioned earlier, setting the move and size values for dynamic layout management can be done programmatically using the CMFCDynamicLayout<\/tt><\/a> class. This is important when the controls are created dynamically and not in the resource template. What you have to do is:<\/p>\n The following code provides the same dynamic layout functionality as shown earlier except that all is set from code. Note that you must call EnableDynamicLayoutHelper<\/tt> from OnInitDialog<\/tt>.<\/p>\n Actually the same code as above can be expressed differently with the help of several static methods from CMFCDynamicLayout<\/tt> that create instances of MoveSettings<\/tt> and SizeSettings<\/tt>.<\/p>\n One important thing to notice here is that this code does not call CWnd::LoadDynamicLayoutResource<\/tt> because there are no settings in the resource script file. All these settings are only provided programmatically in this case.<\/p>\n When controls have to move or resize completely (100%) across one or both axes, setting the right values for the layout is straight forward. It gets complicated though when controls are not positioned sideways or need to move or resize with more complicated rules. Let’s take an example where the OK and Cancel buttons are positioned at the bottom vertically and centered horizontally. When the dialog resizes they should retain the original size, but they should always remain at the center bottom.<\/p>\n
\n<\/a>
\n<\/a>
\nThe options you have for both moving and resizing are: None<\/em>, Horizontal<\/em> Vertical<\/em>, and Both<\/em>. These options should be self explanatory. However, the important thing to notice is the value for the X and Y axes moving and resizing: these are ratios, not dialog units or pixels, having a value between 1 and 100 and defining how much a control is moved or resized when the host dialog changes size.<\/p>\n\n
<\/a>
\nIt is pretty simple to put values into the dynamic layout settings for each control. When you build and run and resize the dialog box the controls move or resize accordingly. <\/p>\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\r\n\/\/\r\n\/\/ AFX_DIALOG_LAYOUT\r\n\/\/\r\n\r\nIDD_MFCDYNLAYOUTDEMO_DIALOG AFX_DIALOG_LAYOUT\r\nBEGIN\r\n 0,\r\n 0, 100, 0, 0,\r\n 100, 100, 0, 0,\r\n 0, 0, 100, 100,\r\n 0, 0, 0, 0,\r\n 0, 0, 100, 0,\r\n 0, 0, 100, 100,\r\n 100, 100, 0, 0,\r\n 100, 0, 0, 0\r\nEND<\/pre>\n
\n
<\/a><\/p>\nBOOL CDialog::OnInitDialog()\r\n{\r\n\t\/\/ execute dialog RT_DLGINIT resource\r\n\tBOOL bDlgInit;\r\n\tif (m_lpDialogInit != NULL)\r\n\t\tbDlgInit = ExecuteDlgInit(m_lpDialogInit);\r\n\telse\r\n\t\tbDlgInit = ExecuteDlgInit(m_lpszTemplateName);\r\n\r\n\tif (!bDlgInit)\r\n\t{\r\n\t\tTRACE(traceAppMsg, 0, \"Warning: ExecuteDlgInit failed during dialog init.\\n\");\r\n\t\tEndDialog(-1);\r\n\t\treturn FALSE;\r\n\t}\r\n\r\n\tLoadDynamicLayoutResource(m_lpszTemplateName);\r\n<\/pre>\n\n
\r\n\t\/\/ controls dynamic layout:\r\n\r\n\t\/\/\/ <summary>\r\n\t\/\/\/ Enables or disables layout manager for a window.<\/summary>\r\n\t\/\/\/ <param name=\"bEnable\"> TRUE - enable layout management, FALSE - disable layout management.<\/param>\r\n\tvoid EnableDynamicLayout(BOOL bEnable = TRUE);\r\n\r\n\t\/\/\/ <summary>\r\n\t\/\/\/ This function returns TRUE, if layout management is enabled for a window; otherwise FALSE.<\/summary>\r\n\t\/\/\/ <remarks>\r\n\t\/\/\/ Call EnableDynamicLayout in order to enable or disable layout management for a window.<\/remarks>\r\n\t\/\/\/ <returns> \r\n\t\/\/\/ TRUE, if layout management is enabled for a window; otherwise FALSE.<\/returns>\r\n\tBOOL IsDynamicLayoutEnabled() const { return m_pDynamicLayout != NULL; }\r\n\r\n\t\/\/\/ <summary>\r\n\t\/\/\/ Call this function to retrieve a pointer to layout manager.<\/summary>\r\n\t\/\/\/ <remarks>\r\n\t\/\/\/ Call EnableDynamicLayout in order to enable or disable layout management for a window.<\/remarks>\r\n\t\/\/\/ <returns> \r\n\t\/\/\/ Returns a pointer to the window layout manager or NULL if layout wasn't enabled.<\/returns>\r\n\tCMFCDynamicLayout* GetDynamicLayout() { return m_pDynamicLayout; }\r\n\r\n\t\/\/\/ \n
\n<\/a><\/p>\n<\/a><\/li>\n
\n<\/a><\/li>\n
\n<\/a><\/li>\n<\/ol>\nvoid CWnd::EnableDynamicLayout(BOOL bEnable)\r\n{\r\n\tif (m_pDynamicLayout != NULL)\r\n\t{\r\n\t\tdelete m_pDynamicLayout;\r\n\t\tm_pDynamicLayout = NULL;\r\n\t}\r\n\r\n\tif (!bEnable)\r\n\t{\r\n\t\treturn;\r\n\t}\r\n\r\n\tm_pDynamicLayout = new CMFCDynamicLayout;\r\n}<\/pre>\nvoid CMFCDynLayoutDemoDlg::EnableDynamicLayoutHelper(bool const enable)\r\n{\r\n if (enable && this->IsDynamicLayoutEnabled())\r\n return;\r\n\r\n this->EnableDynamicLayout(enable ? TRUE : FALSE);\r\n\r\n if (enable) \r\n {\r\n this->LoadDynamicLayoutResource(m_lpszTemplateName);\r\n }\r\n}<\/pre>\n\n
void CMFCDynLayoutDemoDlg::EnableDynamicLayoutHelper(bool const enable)\r\n{\r\n if (enable && this->IsDynamicLayoutEnabled())\r\n return;\r\n\r\n this->EnableDynamicLayout(enable ? TRUE : FALSE);\r\n\r\n if (enable)\r\n {\r\n SetupDynamicLayout();\r\n }\r\n}\r\n\r\nvoid CMFCDynLayoutDemoDlg::SetupDynamicLayout()\r\n{\r\n auto manager = this->GetDynamicLayout();\r\n if (manager != nullptr)\r\n {\r\n auto movenone = CMFCDynamicLayout::MoveSettings{};\r\n auto moveboth100 = CMFCDynamicLayout::MoveSettings {};\r\n moveboth100.m_nXRatio = 100;\r\n moveboth100.m_nYRatio = 100;\r\n auto movex100 = CMFCDynamicLayout::MoveSettings {};\r\n movex100.m_nXRatio = 100;\r\n auto movey100 = CMFCDynamicLayout::MoveSettings {};\r\n movey100.m_nYRatio = 100;\r\n\r\n auto sizenone = CMFCDynamicLayout::SizeSettings{};\r\n auto sizeboth100 = CMFCDynamicLayout::SizeSettings{};\r\n sizeboth100.m_nXRatio = 100;\r\n sizeboth100.m_nYRatio = 100;\r\n auto sizex100 = CMFCDynamicLayout::SizeSettings{};\r\n sizex100.m_nXRatio = 100;\r\n\r\n manager->Create(this);\r\n\r\n manager->AddItem(IDC_STATIC_GROUPBOX, movenone, sizeboth100);\r\n manager->AddItem(IDC_LIST1, movenone, sizeboth100);\r\n manager->AddItem(IDC_EDIT1, movenone, sizex100);\r\n manager->AddItem(IDC_BUTTON_ADD, movex100, sizenone);\r\n manager->AddItem(IDC_BUTTON_CLEAR, moveboth100, sizenone);\r\n manager->AddItem(IDOK, movey100, sizenone);\r\n manager->AddItem(IDCANCEL, moveboth100, sizenone);\r\n }\r\n}<\/pre>\nvoid CMFCDynLayoutDemoDlg::SetupDynamicLayout()\r\n{\r\n auto manager = this->GetDynamicLayout();\r\n if (manager != nullptr)\r\n {\r\n manager->Create(this);\r\n\r\n manager->AddItem(IDC_STATIC_GROUPBOX, CMFCDynamicLayout::MoveNone(), CMFCDynamicLayout::SizeHorizontal(100));\r\n manager->AddItem(IDC_LIST1, CMFCDynamicLayout::MoveNone(), CMFCDynamicLayout::SizeHorizontalAndVertical(100, 100));\r\n manager->AddItem(IDC_EDIT1, CMFCDynamicLayout::MoveNone(), CMFCDynamicLayout::SizeHorizontal(100));\r\n manager->AddItem(IDC_BUTTON_ADD, CMFCDynamicLayout::MoveHorizontal(100), CMFCDynamicLayout::SizeNone());\r\n manager->AddItem(IDC_BUTTON_CLEAR, CMFCDynamicLayout::MoveHorizontalAndVertical(100, 100), CMFCDynamicLayout::SizeNone());\r\n manager->AddItem(IDOK, CMFCDynamicLayout::MoveVertical(100), CMFCDynamicLayout::SizeNone());\r\n manager->AddItem(IDCANCEL, CMFCDynamicLayout::MoveHorizontalAndVertical(100, 100), CMFCDynamicLayout::SizeNone());\r\n }\r\n}<\/pre>\n