标签控件的使用

前言

在一个对话框主界面中，当控件增多时很乱，可以用标签控件来进行模块化划分。

1.设MFC工程名称为“Example33”。在主对话框界面中添加一个Tab Control控件，并为其关联一个CTabCtrl类型的控件变量m_tab。

2.创建6个新的对话框，ID分别设为IDD_…..，Border属性设为None，Style属性设为Child，并为其生成对话框类C…..Dlg。

3.在“Example33Dlg.h”文件中包含“JzmDlg.h”和“AndroidDlg.h”两个头文件，然后继续在“Example33Dlg.h”文件中为CExample33Dlg类添加两个成员变量：

   CJzmDlg m_jzmDlg;   CAndroidDlg m_androidDlg;

4.在CExample33Dlg对话框初始化时，我们也初始化标签控件。修改CExample33Dlg::OnInitDialog()函数如下：

 CRect tabRect;   // 标签控件客户区的位置和大小       m_tab.InsertItem(0, _T("鸡啄米"));         // 插入第一个标签“鸡啄米”       m_tab.InsertItem(1, _T("Android开发网"));  // 插入第二个标签“Android开发网”       m_jzmDlg.Create(IDD_JIZHUOMI_DIALOG, &m_tab);    // 创建第一个标签页       m_androidDlg.Create(IDD_ANDROID_DIALOG, &m_tab); // 创建第二个标签页       m_tab.GetClientRect(&tabRect);    // 获取标签控件客户区Rect       // 调整tabRect，使其覆盖范围适合放置标签页       tabRect.left += 1;                      tabRect.right -= 1;       tabRect.top += 25;       tabRect.bottom -= 1;       // 根据调整好的tabRect放置m_jzmDlg子对话框，并设置为显示       m_jzmDlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_SHOWWINDOW);       // 根据调整好的tabRect放置m_androidDlg子对话框，并设置为隐藏       m_androidDlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_HIDEWINDOW);

5.双击标签控件，消息处理函数更改如下：

 CRect tabRect;    // 标签控件客户区的Rect       // 获取标签控件客户区Rect，并对其调整，以适合放置标签页       m_tab.GetClientRect(&tabRect);       tabRect.left += 1;       tabRect.right -= 1;       tabRect.top += 25;       tabRect.bottom -= 1;       switch (m_tab.GetCurSel())       {       // 如果标签控件当前选择标签为“鸡啄米”，则显示m_jzmDlg对话框，隐藏m_androidDlg对话框       case 0:           m_jzmDlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_SHOWWINDOW);           m_androidDlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_HIDEWINDOW);           break;       // 如果标签控件当前选择标签为“Android开发网”，则隐藏m_jzmDlg对话框，显示m_androidDlg对话框       case 1:           m_jzmDlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_HIDEWINDOW);           m_androidDlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_SHOWWINDOW);           break;       default:           break;       }   

6.运行程序时会报错，那么就要检查一下复制的那些控件有没有多余的，仔细对照后把多余的按钮删除掉，调试后弹出如下界面。