VC++ Tab Control控件的使用

 网上介绍使用Tab Control控件,好像说的都不是很详细, 我一小菜这边随便说说, 见笑.
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里面添加如下代码:

显示代码打印1 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, 分别是三个子对话框的实例. 代码如下:

显示代码打印1 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() 代码如下:

显示代码打印01 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里面添加如下代码:

显示代码打印01 //关联对话框,并且将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

显示代码打印01 (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对话框下面添加一个按钮, 标题为"计算" 为其添加事件响应函数, 代码如下:

显示代码打印1 m_para1.UpdateData(true);  

     m_para2.UpdateData(true);  

     m_result.SetResultValue(m_para1.GetParaValue()+m_para2.GetParaValue());  

     m_result.UpdateData(false);

 

 

 

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

. 最后演示结果.

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

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

 

显示代码打印01 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机制，但需要注意，因为这是多个页面，所以需要显式调用多次。

 

显示代码打印01 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); 

 }