4.MFC Tab控件的使用基础实例

1. 新建一个MFC工程, 取名MyTab, 选择Dialog based, 然后Finish.

2. 删除对话框上默认添加的三个控件. 添加Tab Control控件并在Property属性中设置ID为IDC_TABTEST 在Bottom选项为TRUE. 调速尺寸使其布满整个对话框, 并为其添加变量, 变量名为m_tab. 类型为CTabCtrl.

3. 在对话框的初始化函数OnInitDialog里面添加如下代码:
 m_tab.InsertItem(0,L"参数一");  //添加参数一选项卡
 m_tab.InsertItem(1,L"参数二");  //添加参数二选项卡
 m_tab.InsertItem(2,L"结果");    //添加结果选项卡

4.在对话框资源里面添加三个对话框资源, ID分别命名为IDD_PARA1, IDD_PARA2, IDD_RESULT. 字体为宋体, 字号为9, style改为Child, Border改为None. 再分别为其添加对应的基于CDialog类CPara1, CPara2, CResult.

5. 在CMyTabDlg类中添加三个成员变量m_para1, m_para2, m_result, 分别是三个子对话框的实例. 代码如下:

 CPara1 m_para1;
 CPara2 m_para2;
 CResult m_result;

//注释:添加成员变量要在MyTab.h前添加3个头文件代码如下:

#include Para1.h

#include Para2.h

#include Result.h

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_para1.Create( IDD_PARA1 ,&m_tab) 第二种方式用&m_tab
 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对话框下面添加一个按钮, 标题为"Calculate" 为其添加事件响应函数, 代码如下:

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

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

附录:程序截图