Tutorial 8

Grouping of GUI Elements

1. Drag a Static Text to the dialog window, inside the Properties window, change
   1. ID to "IDC_PLACEHOLDER"
   2. Caption to "Placeholder for control group"
   3. Align Text to Center
   4. Border to True

1. Inside the Resource View, Right-Click the Dialog folder and Click Add Resource...
2. With the new resource window selected, inside the Properties window, change
   1. ID to "IDD_CONTROLS_CHILDDLG"
   2. Border to None
   3. Style to Child
   4. System Menu to False
   5. Title Bar to False
   
   Figure 8.1 - Placeholder

1. Inside the Solution Explorer, Right-Click the Project (MFC_GroupControls) folder and Click Add Class...
2. Inside the Add Class window, select
   1. Categories to Visual C++
   2. Template to Generic C++ Class
   
   Figure 8.2 - Add Class
3. Inside the Generic C++ Class Wizard window, change
   1. Class Name to "CCircleRadiusControls"
   2. .h file and .cpp file will be inserted automatically
   3. Base Class to CDialog
   4. Access to public
   
   Figure 8.3 - Generic C++ Class Wizard
4. In 'TutorialDlg.h', add
   1. #include "CCircleRadiusControls.h" to the top
   2. CCircleRadiusControls m_circle_controls; as a private variable
5. Inside 'Tutorial.cpp', inside OnInitDialog() function, add
      ...
      ReplaceDialogControl(*this, IDC_PLACEHOLDER, m_circle_controls, IDD_CONTROLS_CHILDDLG);
      ...
   ReplaceDialogControl(...) found in 'UtilityFunctions.cpp' as part of the MFC Library 1

• In the Visual Studio project window, click
  1. Build >> Build Solution
  2. Debug >> Start to run
  
  Figure 8.4 - Application Window