MFC 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里面添加如下代碼:
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;

}