MFC：Tab Control 控件的使用

1.先建立一个对话框MFC应用程序，然后在工具箱里面把Tab Control控件放到对话框中的合适位置上。

再在对话框类中，声明一个CTabCtrl变量：

CTabCtrl m_tab;

变量m_tab用来与对话框中的Tab Control控件交互，为此要在DoDataExchange函数中加入DDX_Control语句：

DDX_Control(pDX, IDC_TAB1, m_tab);

IDC_TAB1是Tab Control控件的ID。

2.建立两个对话框程序，用来当做Tab Control控件的两个页。别忘了把Style改为Child，Border改为None。然后就可以在上面加其他控件了。

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

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

int m_CurSelTab; 
CPage1 m_page1; 
CPage2 m_page2; 
CDialog* pDialog[2];  //用来保存对话框对象指针

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

//为Tab Control增加两个页面

m_tab.InsertItem(0, _T("Farm"));

m_tab.InsertItem(1, _T("Note"));

//创建两个对话框

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 -= 0;

rc.left += 0;

rc.right -= 0;

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的每个页，数组的大小是Tab Control页面的个数，数组下标对应着每个页面的索引（这样方便快速存取）。

接下来，为Tab Control添加消息处理程序：

ON_NOTIFY(TCN_SELCHANGE, IDC_TAB1, &CTabDlg::OnTcnSelchangeTab1)

void CTabDlg::OnTcnSelchangeTab1(NMHDR *pNMHDR, LRESULT *pResult)

{

//把当前的页面隐藏起来

pDialog[m_CurSelTab]->ShowWindow(SW_HIDE);

//得到新的页面索引

m_CurSelTab = m_tab.GetCurSel();

//把新的页面显示出来

pDialog[m_CurSelTab]->ShowWindow(SW_SHOW);

*pResult = 0;

}

3.如果要在Tab Control控件外面获取其内部对话框中控件的数据，就需要使用DDX/DDV机制，还要调用相应的UpdateData函数。

    m_page1.UpdateData(); 
    m_page2.UpdateData();


 

1. 新建一个MFC工程, 取名MyTab, 选择Dialog based, 然后Finish. 
2. 删除对话框上默认添加的三个控件. 添加Tab Control控件并在Property属性中设置ID为IDC_TABTEST 在More Styles里勾上Bottom. 调速尺寸使其布满整个对话框, 我这边Tab Control的尺寸最后为164X203. 在ClassWizard为其添加变量, 变量名为m_tab. 类型为CTabCtrl. 
3. 在对话框的初始化函数OnInitDialog里面添加如下代码: 
m_tab.InsertItem(0,"参数一");  //添加参数一选项卡 
m_tab.InsertItem(1,"参数二");  //添加参数二选项卡 
m_tab.InsertItem(2,"结果");    //添加结果选项卡

4.在对话框资源里面添加三个对话框资源, ID分别命名为IDD_PARA1, IDD_PARA2, IDD_RESULT. 字体为宋体, 字号为9, style为Child, Border为None, 宽度调整为161. 再分别为其添加对应的基于CDialog类CPara1, CPara2, CResult. 
5. 在CMyTabDlg类中添加三个成员变量m_para1, m_para2, m_result, 分别是三个子对话框的实例. 代码如下:

CResult m_result; 
CPara2 m_para2; 
CPara1 m_para1; 
6. 在IDD_PARA1对话框上添加静态文本控件内容为"参数一" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nPara1; 
在IDD_PARA2对话框上添加静态文本控件内容为"参数二" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nPara2; 
在IDD_RESULT对话框上添加静态文本控件内容为"结果" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nResult; 
7. 为CPara1类添加成员函数int GetParaValue() 代码如下: 
int CPara1::GetParaValue() 
...{ 
 return m_nPara1; 
} 
为CPara2类添加成员函数int GetParaValue() 代码如下: 
int CPara2::GetParaValue() 
...{ 
 return m_nPara2; 
} 
为CResult类添加成员函数void SetResultValue(int nResult) 代码如下: 
void CResult::SetResultValue(int nResult) 
...{ 
     m_nResult = nResult; 
} 
8. 在IDD_MYTAB_DIALOG对话框的初始化函数OnInitDialog里面添加如下代码: 
//关联对话框,并且将IDC_TABTEST控件设为父窗口 
m_para1.Create(IDD_PARA1,GetDlgItem(IDC_TABTEST)); 
m_para2.Create(IDD_PARA2,GetDlgItem(IDC_TABTEST)); 
m_result.Create(IDD_RESULT,GetDlgItem(IDC_TABTEST)); 
 
//获得IDC_TABTEST客户区大小 
CRect rs; 
m_tab.GetClientRect(&rs); 
//调整子对话框在父窗口中的位置 
rs.top+=1; 
rs.bottom-=60; 
rs.left+=1; 
rs.right-=2; 
 
//设置子对话框尺寸并移动到指定位置 
m_para1.MoveWindow(&rs); 
m_para2.MoveWindow(&rs); 
m_result.MoveWindow(&rs); 
 
//分别设置隐藏和显示 
m_para1.ShowWindow(true); 
m_para2.ShowWindow(false); 
m_result.ShowWindow(false); 
 
//设置默认的选项卡 
m_tab.SetCurSel(0);

9. 添加Tab Control控件的TCN_SELCHANGE事件响应函数OnSelchangeTabtest(NMHDR* pNMHDR, LRESULT* pResult) ,函数体代码如下:

int CurSel = m_tab.GetCurSel(); 
 switch(CurSel) 
 ...{ 
 case 0: 
         m_para1.ShowWindow(true); 
         m_para2.ShowWindow(false); 
         m_result.ShowWindow(false); 
 break; 
 case 1: 
         m_para1.ShowWindow(false); 
         m_para2.ShowWindow(true); 
         m_result.ShowWindow(false); 
 break; 
 case 2: 
         m_para1.ShowWindow(false); 
         m_para2.ShowWindow(false); 
         m_result.ShowWindow(true); 
 break; 
 default: 
         ; 
     }     
 
    *pResult = 0;

10. 在IDD_MYTAB_DIALOG对话框下面添加一个按钮, 标题为"计算" 为其添加事件响应函数, 代码如下:

m_para1.UpdateData(true); 
     m_para2.UpdateData(true); 
     m_result.SetResultValue(m_para1.GetParaValue()+m_para2.GetParaValue()); 
     m_result.UpdateData(false);   

11. 最后演示结果如下:

12. 这个小程序很简单,但是他说明了Tab Control控件的基本用法.

用法2

VC中的CTabCtrl用法与VB、Delphi的选项卡控件有很大的不同，每个属性页是用一个“窗体”（对话框）来实现，于是要为每个属性页对话框建类，还要关联、初始化„„实在麻烦得多。但是CTabCtrl可重用性比ActiveX的选项卡控件好，因为一个属性页可以被多个不同的选项卡对话框调用，就像MFC中很多属性选项卡有“General”这一选项页，可以被多个控件的属性页调用，作为“通用”的，有符合现代软件工程可重用性要求。

下面发一个最简单的代码，使用CTabCtrl控件实现属性页功能。

1、建立一个基于对话框的应用程序；

2、画CTabCtrl控件，类向导中关联变量名为m_tab，新建三个对话框属性设为Child,None，用ClassWizard生成新的类，基类为Cdialog，分别为Cpage0，Cpage1，Cpage2，ID号分别为IDD_DIALOG0，IDD_DIALOG1，IDD_DIALOG2。在主对话框中加入三个变量，Cpage0 page0；Cpage1 page1；Cpage2 page2。别忘了在主对话框的头文件中要加入#include "Page0.h",#include "Page1.h",#include "Page2.h"

3、在主对话框的OnInitDialog()内初始化 :

// TODO: Add extra initialization here

//初始化m_tab控件

m_tab.InsertItem(0," 呵呵，茂叶工作室 ");

m_tab.InsertItem(1," 嘻嘻 ");

m_tab.InsertItem(2," 哈哈，www.maoyeah.com ");

//建立属性页各页

page0.Create(IDD_DIALOG0,GetDlgItem(IDC_TAB1));

page1.Create(IDD_DIALOG1,GetDlgItem(IDC_TAB1));

page2.Create(IDD_DIALOG2,GetDlgItem(IDC_TAB1));

//设置页面的位置在m_tab控件范围内

CRect rect;

m_tab.GetClientRect(&rect);

rect.top+=20;

rect.bottom-=5;

rect.left+=5;

rect.right-=5;

page0.MoveWindow(&rect);

page1.MoveWindow(&rect);

page2.MoveWindow(&rect);

page1.ShowWindow(TRUE);

m_tab.SetCurSel(1);

4、m_tab控件属性页选择时显示各页:

void CMy3Dlg::OnSelchangeTab1(NMHDR* pNMHDR, LRESULT* pResult)

{

// TODO: Add your control notification handler code here

int CurSel;

CurSel=m_tab.GetCurSel();

switch(CurSel)

{

case 0:

page0.ShowWindow(TRUE);

page1.ShowWindow(FALSE);

page2.ShowWindow(FALSE);

break;

case 1:

page0.ShowWindow(FALSE);

page1.ShowWindow(TRUE);

page2.ShowWindow(FALSE);

break;

case 2:

page0.ShowWindow(FALSE);

page1.ShowWindow(FALSE);

page2.ShowWindow(TRUE);

break;

default: ;

}

*pResult = 0;

}