VC++2008如何用tab控件实现属性页

在VC编程中tab控件是个很有用的控件，用它可以来实现如下图所示的属性页：

每个属性页对应着一个子页面，不同的子页面实现不同的功能，这便产生了一个问题，每个子页面上可能会有许多控件，这样各个控件之间可能就会相互覆盖，相互影响，显然这是不能实现属性页的功能的。

解决这个问题的方法有两种，一是将所有的控件放在一个对话框中，切换属性页时隐藏不需要的控件，但是这样会使得整个对话中的控件非常混乱。再有一种方法就是有几个属性页就新建几个子对话框，每一个子页面对应的对话框都是独立的。下面就来讲怎么样去实现：

新建一个基于对话框的MFC应用程序，项目名称为tab，添加tab控件如图所示：

为tab控件关联控件变量m_tab,

在tabDlg.cpp文件的OnInitDialog()函数中添加代码（建立属性页标题）：

如图所示：

新建子对话框，按如下步骤操作：

选择如下图所示的选项后点“新建”：

按照上面的方法再新建两个子对话框。

将子对画框中各个静态文本框中的文字改掉以区分不同的子对话框，如下图所示：

选中第一个子对话框，并为第一个子对话框添加类：

点击【完成】，同样地为其它两个子对话框添加类。

切换到【类视图】，为CtabDlg类添加成员变量，如下图所示：

用同样的方法再添加成员变量m_page2和m_page3。

完成上面的工作后我们就可以进行tab控件与子对话框的连接了，

在tabDlg.cpp文件的OnInitDialog()函数中添加代码：

[plain] view plain copy print ?

1. m_page1.Create(IDD_OLE_PROPPAGE_LARGE,&m_tab);  
2. m_page2.Create(IDD_OLE_PROPPAGE_LARGE1,&m_tab);  
3. m_page3.Create(IDD_OLE_PROPPAGE_LARGE2,&m_tab);  
4. CRect rect;  
5. m_tab.GetClientRect(rect);  
6. rect.DeflateRect(2,30,2,2);  
7. m_page1.MoveWindow(rect);  
8. m_page2.MoveWindow(rect);  
9. m_page3.MoveWindow(rect);  
10. m_page1.ShowWindow(SW_SHOW);  
11. m_tab.SetCurSel(0);  

    m_page1.Create(IDD_OLE_PROPPAGE_LARGE,&m_tab);
    m_page2.Create(IDD_OLE_PROPPAGE_LARGE1,&m_tab);
    m_page3.Create(IDD_OLE_PROPPAGE_LARGE2,&m_tab);
    CRect rect;
    m_tab.GetClientRect(rect);
    rect.DeflateRect(2,30,2,2);
    m_page1.MoveWindow(rect);
    m_page2.MoveWindow(rect);
    m_page3.MoveWindow(rect);
    m_page1.ShowWindow(SW_SHOW);
    m_tab.SetCurSel(0);

这样属性页的基本工作就完成了。

下面进行鼠标单击实现切换功能：

为tab控件添加事件处理函数：

单击【添加编辑】，在弹出的函数中添加如下代码：

[plain] view plain copy print ?

1. if (m_tab.GetCurSel()==0)  
2.  {  
3.      m_page1.ShowWindow(SW_SHOW);  
4.      m_page2.ShowWindow(SW_HIDE);  
5.      m_page3.ShowWindow(SW_HIDE);  
6.  }  
7.  else if (m_tab.GetCurSel()==1)  
8.  {  
9.      m_page1.ShowWindow(SW_HIDE);  
10.      m_page2.ShowWindow(SW_SHOW);  
11.      m_page3.ShowWindow(SW_HIDE);  
12.  }  
13.  else if (m_tab.GetCurSel()==2)  
14.  {  
15.      m_page1.ShowWindow(SW_HIDE);  
16.      m_page2.ShowWindow(SW_HIDE);  
17.      m_page3.ShowWindow(SW_SHOW);  
18.  }  

   if (m_tab.GetCurSel()==0)
    {
        m_page1.ShowWindow(SW_SHOW);
        m_page2.ShowWindow(SW_HIDE);
        m_page3.ShowWindow(SW_HIDE);
    }
    else if (m_tab.GetCurSel()==1)
    {
        m_page1.ShowWindow(SW_HIDE);
        m_page2.ShowWindow(SW_SHOW);
        m_page3.ShowWindow(SW_HIDE);
    }
    else if (m_tab.GetCurSel()==2)
    {
        m_page1.ShowWindow(SW_HIDE);
        m_page2.ShowWindow(SW_HIDE);
        m_page3.ShowWindow(SW_SHOW);
    }

效果如下图所示：

这样全部的工作就完成了。我们可以看一下效果图：