学步园

TAB控件必须和子对话框相结合，才能进行使用。

1.首先创建一个对话框应用程序。

2.在该对话框上放置Tab控件，并添加Control变量为m_tab。

3.再插入一个Dialog，设ID值为IDD_CH1。并设置属性，“样式”为“下层”（“Style”为“Child”），“边框”为“无”(Border为None)。

4.在父对话框中添加WM_INITDIALOG消息，函数为OnInitDialog。在此函数中添加如下代码：

m_tab.InsertItem(0,_T("登记入库"),0); 

ch1.Create(IDD_CH1,GetDlgItem(IDC_TAB1));

CRect rect;

m_tab.GetClientRect(&rect); 

rect.top+=40;

rect.bottom-=10; 

rect.left+=10; 

rect.right-=10; 

ch1.MoveWindow(&rect); 

ch1.ShowWindow(SW_SHOW);

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控件的基本用法.