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

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控件的基本用法.