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;

}