标签控件的使用

前言

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

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