VC中Tab control控件的用法詳細(xì)解析

2020-01-26 15:52:08

字體：大中小

供稿：網(wǎng)友

1. 新建一個(gè)MFC工程, 取名MyTab, 選擇Dialog based, 然后Finish.

2. 刪除對(duì)話框上默認(rèn)添加的三個(gè)控件. 添加Tab Control控件并在Property屬性中設(shè)置ID為IDC_TABTEST 在More Styles里勾上Bottom. 調(diào)速尺寸使其布滿整個(gè)對(duì)話框, 我這邊Tab Control的尺寸最后為164X203. 在ClassWizard為其添加變量, 變量名為m_tab. 類型為CTabCtrl.

3. 在對(duì)話框的初始化函數(shù)OnInitDialog里面添加如下代碼:
m_tab.InsertItem(0,"參數(shù)一"); //添加參數(shù)一選項(xiàng)卡
m_tab.InsertItem(1,"參數(shù)二"); //添加參數(shù)二選項(xiàng)卡
m_tab.InsertItem(2,"結(jié)果"); //添加結(jié)果選項(xiàng)卡

4.在對(duì)話框資源里面添加三個(gè)對(duì)話框資源, ID分別命名為IDD_PARA1, IDD_PARA2, IDD_RESULT. 字體為宋體, 字號(hào)為9, style為Child, Border為None, 寬度調(diào)整為161. 再分別為其添加對(duì)應(yīng)的基于CDialog類CPara1, CPara2, CResult.

5. 在CMyTabDlg類中添加三個(gè)成員變量m_para1, m_para2, m_result, 分別是三個(gè)子對(duì)話框的實(shí)例. 代碼如下:
CResult m_result;
CPara2 m_para2;
CPara1 m_para1;

6. 在IDD_PARA1對(duì)話框上添加靜態(tài)文本控件內(nèi)容為"參數(shù)一" 再在后面插入一個(gè)文本框控件, 用ClassWizard將其關(guān)聯(lián)為一個(gè)int型變量,名為m_nPara1;

在IDD_PARA2對(duì)話框上添加靜態(tài)文本控件內(nèi)容為"參數(shù)二" 再在后面插入一個(gè)文本框控件, 用ClassWizard將其關(guān)聯(lián)為一個(gè)int型變量,名為m_nPara2;

在IDD_RESULT對(duì)話框上添加靜態(tài)文本控件內(nèi)容為"結(jié)果" 再在后面插入一個(gè)文本框控件, 用ClassWizard將其關(guān)聯(lián)為一個(gè)int型變量,名為m_nResult;

7. 為CPara1類添加成員函數(shù)int GetParaValue() 代碼如下:

復(fù)制代碼代碼如下:

int CPara1::GetParaValue()
...{
    return m_nPara1;
}

為CPara2類添加成員函數(shù)int GetParaValue() 代碼如下:

復(fù)制代碼代碼如下:

int CPara2::GetParaValue()
...{
    return m_nPara2;
}

為CResult類添加成員函數(shù)void SetResultValue(int nResult) 代碼如下:

復(fù)制代碼代碼如下:

void CResult::SetResultValue(int nResult)
...{
     m_nResult= nResult;
}

8. 在IDD_MYTAB_DIALOG對(duì)話框的初始化函數(shù)OnInitDialog里面添加如下代碼:

復(fù)制代碼代碼如下:

//關(guān)聯(lián)對(duì)話框,并且將IDC_TABTEST控件設(shè)為父窗口
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客戶區(qū)大小
CRect rs;
m_tab.GetClientRect(&rs);
//調(diào)整子對(duì)話框在父窗口中的位置
rs.top+=1;
rs.bottom-=60;
rs.left+=1;
rs.right-=2;

//設(shè)置子對(duì)話框尺寸并移動(dòng)到指定位置
m_para1.MoveWindow(&rs);
m_para2.MoveWindow(&rs);
m_result.MoveWindow(&rs);

//分別設(shè)置隱藏和顯示
m_para1.ShowWindow(true);
m_para2.ShowWindow(false);
m_result.ShowWindow(false);

//設(shè)置默認(rèn)的選項(xiàng)卡
m_tab.SetCurSel(0);

9. 添加Tab Control控件的TCN_SELCHANGE事件響應(yīng)函數(shù)OnSelchangeTabtest(NMHDR* pNMHDR, LRESULT* pResult) ,函數(shù)體代碼如下:

復(fù)制代碼代碼如下:

int CurSel= m_tab.GetCurSel();
    switch(CurSel)
    ...{
    case0:
         m_para1.ShowWindow(true);
         m_para2.ShowWindow(false);
         m_result.ShowWindow(false);
        break;
    case1:
         m_para1.ShowWindow(false);
         m_para2.ShowWindow(true);
         m_result.ShowWindow(false);
        break;
    case2:
         m_para1.ShowWindow(false);
         m_para2.ShowWindow(false);
         m_result.ShowWindow(true);
        break;
    default:

     }    

    *pResult= 0; 

10. 在IDD_MYTAB_DIALOG對(duì)話框下面添加一個(gè)按鈕, 標(biāo)題為"計(jì)算" 為其添加事件響應(yīng)函數(shù), 代碼如下:

復(fù)制代碼代碼如下:

m_para1.UpdateData(true);
     m_para2.UpdateData(true);
     m_result.SetResultValue(m_para1.GetParaValue()+m_para2.GetParaValue());
     m_result.UpdateData(false); 

11.這個(gè)小程序很簡(jiǎn)單,但是他說明了Tab Control控件的基本用法.

注意：
1：//關(guān)聯(lián)對(duì)話框,并且將IDC_TABTEST控件設(shè)為父窗口（方法2）
m_para1.SetParent(GetDlgItem(IDC_TABTEST));
m_para2.SetParent(GetDlgItem(IDC_TABTEST));
m_result.SetParent(GetDlgItem(IDC_TABTEST));

2：//獲得IDC_TABTEST客戶區(qū)大小
CRect rs;
m_tab.GetClientRect(&rs);

//調(diào)整子對(duì)話框在父窗口中的位置
rs.top+=1;
rs.bottom-=60;
rs.left+=1;
rs.right-=2;

這里一點(diǎn)要注意：調(diào)整距離，否則，子對(duì)話框?qū)⒏采wTab control控件，將不能顯示
將出現(xiàn)這中情況：

//調(diào)整子對(duì)話框在父窗口中的位置如下
rs.top+=20;
rs.bottom-=20;
rs.left+=20;
rs.right-=20;

哈哈，注意啊。