MFC中 Tab Control 控件的使用

实现的功能：

       在一个标签控件中加入两个标签页，标签文本分别为“标签1”和“标签2”，点击不同的标签显示不同的标签页。

具体步骤如下：

       1. 创建一个基于对话框的MFC工程，名称设置为“TestTap”。

       2. 在自动生成的对话框模板IDD_TESTTAP_DIALOG中，删除“TODO: Place dialog controls here.”静态文本框、“OK”按钮和“Cancel”按钮。添加一个Tab Control控件，并为其关联一个CTabCtrl类型的控件变量m_tab。

       3. 添加两个基于MFC对话框的类，类名为CTab1Dlg,CTab2Dlg。在资源视图里，就自动新生成了两个对话框IDD_TAB1DLG和IDD_TAB2DLG。然后两者都将Border属性设为 None，Style属性设为Child。

       4. 在“TestTapDlg.h”文件中添加头文件：

              #include “Tab1Dlg.h” 

              #include “Tab2Dlg.h”

          然后继续在“TestTapDlg.h”文件中为CTestTapDlg类添加两个成员变量：

              CTab1Dlg m_tab1Dlg;
              CTab2Dlg m_tab2Dlg;

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

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

    // 将“关于...”菜单项添加到系统菜单中。

    // IDM_ABOUTBOX 必须在系统命令范围内。
    ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX);
    ASSERT(IDM_ABOUTBOX < 0xF000);

    CMenu* pSysMenu = GetSystemMenu(FALSE);
    if (pSysMenu != NULL)
    {
        BOOL bNameValid;
        CString strAboutMenu;
        bNameValid = strAboutMenu.LoadString(IDS_ABOUTBOX);
        ASSERT(bNameValid);
        if (!strAboutMenu.IsEmpty())
        {
            pSysMenu->AppendMenu(MF_SEPARATOR);
            pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu);
        }
    }

    // 设置此对话框的图标。当应用程序主窗口不是对话框时，框架将自动
    //  执行此操作
    SetIcon(m_hIcon, TRUE);            // 设置大图标
    SetIcon(m_hIcon, FALSE);        // 设置小图标

    // TODO: 在此添加额外的初始化代码

    //初始化标签控件
    CRect tabRect;   // 标签控件客户区的位置和大小
    m_tab.InsertItem(0, _T("标签1")); // 插入第一个标签
    m_tab.InsertItem(1, _T("标签2"));  // 插入第二个标签
    
    m_tab1Dlg.Create(IDD_POETSORTDLG, &m_tab);    // 创建第一个标签页   
    m_tab2Dlg.Create(IDD_POETRYSORTDLG, &m_tab); // 创建第二个标签页   
    
    m_tab.GetClientRect(&tabRect);    // 获取标签控件客户区Rect 
    
    // 调整tabRect，使其覆盖范围适合放置标签页   
    tabRect.left += 25;                  
    tabRect.right -= 1;   
    tabRect.top += 1;   
    tabRect.bottom -= 1;
   
    // 根据调整好的tabRect放置m_poetsortDlg子对话框，并设置为显示   
    m_tab1Dlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_SHOWWINDOW);   
    // 根据调整好的tabRect放置m_poetrysortDlg子对话框，并设置为隐藏   
    m_tab2Dlg.SetWindowPos(NULL, tabRect.left, tabRect.top, tabRect.Width(), tabRect.Height(), SWP_HIDEWINDOW);

    return TRUE;  // 除非将焦点设置到控件，否则返回 TRUE
}

      

       6. 运行程序，查看结果，这时我们发现切换标签时，标签页并不跟着切换，而总是显示标签1。

       7. 我们要实现的是标签页的切换效果，所以还要为m_tab标签控件的通知消息TCN_SELCHANGE添加处理函数，并修改如下：

void CTestTapDlg::OnTcnSelchangeTab1(NMHDR *pNMHDR, LRESULT *pResult)
{
    // TODO: 在此添加控件通知处理程序代码
    *pResult = 0;

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

 

   8.运行程序，大功告成~~~ ^_^