[转帖]在MFC中使用Tab Control

鼯鼠

http://hi.baidu.com/blue_never_died/blog/item/04398694249ef71ed21b7007.html

说实话，我刚开始看见Tab Control的时候，觉得很简单。哪知道用了一下，才发现自己错了。

要用好它，还是需要一些技巧的。经过网上搜索资料，以及我自己的摸索，把一些要点记录在这里。

Tab Control的运行效果有点像Property Sheet，但两者还是有一些区别。我的理解就是Property Sheet主要用在对话框中，对数据进行进行分类管理。而Tab Control使用范围更广一些，既可以用在对话框，也可以用在视图中，除了可以管理配置数据外，还可以对软件的组织进行规划，比如可以通过它来切换不同的视图等等。

当然这不是没有代价的，Tab Control的编程就比Property Sheet的复杂很多。

 我最初有点搞不懂，如何在Tab Control中使用不同的Page，就象Property age一样，Tab Control并没有提供便利的机制让你轻松做到这一点。还好，VC是最棒的，撒花～通过变通的方法还是可以做到这一点。

不罗嗦了，上代码。

假如我现在有个SDI程序，View是Form View，想在上面放个Tab Control，包含两个Page。现在让我们来看看应该怎样处理。

首先当然要增加一个Tab Control资源，然后利用Class Wizard，在View中增加一个Control变量。

接着建立两个对话框资源，别忘了把Style改为Child，Border改为None。然后就可以在上面加其他控件了。

接着利用Class Wizard，分别为这两个对话框建立两个类，比如CPage1和CPage2。

然后在View类头文件中，加入这两个对话框对象。同时增加一个变量int m_CurSelTab，用了表明是哪个Page即将被切换。

为了避免用户在切换Tab时，程序对Tab Index的枚举，可以利用数组来做这个事情。

在View的初始化函数中需要把CPage1、CPage2和Tab Control关联起来，并保存页面地址，设置初始页面，等等。

void CTab_testView::OnInitialUpdate()
{
   CFormView::OnInitialUpdate();
   GetParentFrame()->RecalcLayout();
   ResizeParentToFit();
     
    //为Tab Control增加两个页面
    m_tab.InsertItem(0, _T("First"));
    m_tab.InsertItem(1, _T("Second"));
    
    //创建两个对话框
    m_page1.Create(IDD_DIALOG1, &m_tab);
    m_page2.Create(IDD_DIALOG2, &m_tab);

    //设定在Tab内显示的范围
    CRect rc;
    m_tab.GetClientRect(rc);
    rc.top += 20;
    rc.bottom -= 8;
    rc.left += 8;
    rc.right -= 8;

    m_page1.MoveWindow(&rc);
    m_page2.MoveWindow(&rc);

    //把对话框对象指针保存起来
    pDialog[0] = &m_page1;
    pDialog[1] = &m_page2;

    //显示初始页面
    pDialog[0]->ShowWindow(SW_SHOW);
    pDialog[1]->ShowWindow(SW_HIDE);

    //保存当前选择
    m_CurSelTab = 0;
}

这里面需要注意的是，我用了一个CDialog指针数组来进行保存，数组的大小是Tab Control页面的个数，数组下标对应着每个页面的索引（这样方便快速存取）。

用户切换时，需要响应相关的消息。

void CTab_testView::OnSelchangeTab1(NMHDR* pNMHDR, LRESULT* pResult) 
{
 // TODO: Add your control notification handler code here
    
    pDialog[m_CurSelTab]->ShowWindow(SW_HIDE);
    m_CurSelTab = m_tab.GetCurSel();
    pDialog[m_CurSelTab]->ShowWindow(SW_SHOW);

 *pResult = 0;
}

首先我们先把当前的页面隐藏起来，然后得到新的页面索引，最后就把相关页面显示出来即可。这比一个个去枚举简单多了。

还有一点比较有意思，那就是DDX/DDV机制的运用。要想获得Tab Control各个页面的数据，可以利用DDX/DDV机制，但需要注意，因为这是多个页面，所以需要显式调用多次。

void CTab_testView::OnButton1() 
{
 // TODO: Add your control notification handler code here
    m_page1.UpdateData();
    m_page2.UpdateData();
    CString str1 = m_page1.m_str1;
    CString str2 = m_page2.m_str2;
    AfxMessageBox(str1);
    AfxMessageBox(str2);
}

经过这几步处理，基本上我们就可以利用Tab Control的强大功能了。

鼯鼠

在Tab control上用子对话框！！在对话框中建立控件！！
（以下转载）
  1、首先创建一个MFC对话框框架，在对话框资源上从工具箱中添加上一个Tab Control 控件，根据需要修改一下属性，然后右击控件，为这个控件添加一个变量，将此控件跟一个CTabCtrl类变量绑定在一起，这里设为m_tabctrl
2、创建两个新的对话框资源，其属性作如下修改：
                Border：none //边界为空,这样它就没了标题栏
                Style ：Child // 这样这个模板就可以当作另一个窗口的子窗口了。
   其它如果没有必要，就不用改了。
        在上面加一些控件什么的，具体操作跟普通对话框没有区别。
        完成后从这两个对话框模板生成两个新的对话框类。
3、在主对话框中为新添加进来的两个类增加两个变量：
                如：CDialog1 m_mm1;
                        CDialog2 m_mm2;
4、在主对话框的OnInitDialog()函数中添加如下类似的代码：
            TCITEM item;
        item.mask = TCIF_TEXT;
        item.pszText = "第一页";

        m_tabctrl.InsertItem (0,&item);
        item.pszText ="第二页";
        m_tabctrl.InsertItem (1,&item);
       
        m_mm1.Create (IDD_DIALOG1,&m_tabctrl);
        m_mm2.Create (IDD_DIALOG2,&m_tabctrl);
       
        m_mm1.SetWindowPos (NULL,10,30,400,100,SWP_SHOWWINDOW);
        m_mm2.SetWindowPos (NULL,10,30,400,100,SWP_HIDEWINDOW );  
        解释如下：
        两个InsertItem函数的调用是为了给标签控件增加两个标签页面，文本是标题。
        SetWindowPos()函数设置这两个对话框在Z顺序中的位置，显示或隐藏状态.。
5、在主对话中为标签控件添加一个标签选择改变（TCN_SELCHANGE）的控件通知消息，以便在用户选择标签时通知主对话框。在主对话框的编辑界面右击标签控件，选择添加一个事件可以完成这个操作。
在事件处理中添加如下代码，如下例：
void CtabdialogDlg::OnTcnSelchangeTab1(NMHDR *pNMHDR, LRESULT *pResult)
{
        CRect r;
        m_tabctrl.GetClientRect (&r);

        switch(m_tabctrl.GetCurSel())
        {
        case 0:
        m_mm1.SetWindowPos (NULL,10,30,r.right -20,r.bottom -40,SWP_SHOWWINDOW);
        m_mm2.SetWindowPos (NULL,10,30,r.right -20,r.bottom -40,SWP_HIDEWINDOW );  
        break;
        case 1:
        m_mm1.SetWindowPos (NULL,10,30,r.right -20,r.bottom -40,SWP_HIDEWINDOW);
        m_mm2.SetWindowPos (NULL,10,30,r.right -20,r.bottom -40,SWP_SHOWWINDOW );  
        break;
        }
        *pResult = 0;
}
要想知道用户选择那个标签页，要通过m_tabctrl.GetCurSel() 函数。为了不使显示的子对话框覆盖标签控件的显示，所以要获得标签控件的尺寸然后设置各页面的尺寸。