单文档-Tab Control 控件的使用

利用Tab Control控件设计一个分页表，见下图
1. 建立一个MFC类型的基于FormView的单文档工程TabTest。

2. 把一个Tab Control控件拖到主对话框中，主对话框的ID为IDD_TABTEST_FORM，Language设为：Chinese（P.R.C)。

Tab Control的ID为IDC_TAB1。

3. 通过ClassWizard的设置一个与Tab Control相关的变量m_tab，类型为CTabCtrl。

4.建立两个对话框资源，设置其Style为Child，Borden为None。

因为想要不带标题栏和工具栏的对话框，因此我选择的是Dialog 资源中的IDD_FORMVIEW型的对话框。

它们的ID分别为IDD_Page1_FORMVIEW和IDD_Page2_FORMVIEW。

5.通过ClassWizard分为别两个对话框资源建立两个类CPage1和CPage2。

并建立CPage1和CPage2对应的两个两个对象：在CTabTestView中增加两个变量m_page1和m_page2，类型分别为CPage1和CPage2型。

6.在View的初始化函数OnInitialUpdate（）函数中把CPage1和CPage2与TabControl关联起来，设置初始页面，保存页面地址，代码如下：
void CTab_testView::OnInitialUpdate()
{
CFormView::OnInitialUpdate();
GetParentFrame()->RecalcLayout();
ResizeParentToFit();
//为TabControl增加两个页面
m_tab.InsertItem(0,"标签1");
m_tab.InsertItem(1,"标签2');
//创建两个对话框
m_page1.Create（IDD_Page1_FORMVIEW,&m_tab）;
m_page2.Create（IDD_Page2_FORMVIEW,&m_tab）;
//获得IDC_TABTEST客户区大小
CRect rc;
m_tab.GetClientRect(rc);
//调整子对话框在父窗口中的位置
rc.top += 20;
rc.bottom -=60;
rc.left +=1;
rc.right -=2;
//设置子对话框尺寸并移动到指定位置
m_page1.MoveWindow(&rc);
m_page2.moveWindow(&rc);
//设置隐藏和显示
m_page1.ShowWindow(true);
m_page2.ShowWindow(false);
//设置默认选项卡
m_tab.setCurSel(0);
}
7.在CPage1对话框中添加一个static text控件和edit text控件，在CPage2对话框添加一个edit text控件。

增加edit text控件的相关变量m_npage1和m_npage2在CPage1.h和CPage2.h中添加GetParaValue（）函数。

在CPage1.cpp中编写代码int CPage1::GetParaValue()
{
return m_npage1;
}
int CPage2::GetParaValue()
{
return m_npage2;
}
8. 添加Tab Control控件得TCN_SELCHAGE事件响应函数OnSelChangeTabTest()
void CTabTestView::OnSelchangeTabTest(NMHDR* pNMHDR, LRESULT* pResult)
{
// TODO: Add your control notification handler code here
CString str;
int CurSel=m_tab.GetCurSel();
switch(CurSel)
{
case 0:
m_page1.ShowWindow(true);
m_page2.ShowWindow(false);
m_page1.GetDlgItem(IDC_STATIC1);
m_page1.GetDlgItem(IDC_PageEDIT1)->GetWindowText(str); break;
case 1:
m_page1.ShowWindow(false);
m_page2.ShowWindow(true);
m_page2.GetDlgItem(IDC_Page2EDIT)->GetWindowText(str); break;
}
*pResult = 0;
}
此时，编译运行即可达到上图的效果。