VC++ Tab Control控件的使用
www.diybl.com 时间 ： 2010-11-12 作者：佚名 编辑：fnw 点击： [ 评论 ]
网上介绍使用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. 这个小程序很简单,但是他说明了Tab Control控件的基本用法.
11. 最后演示结果.
===================================================================
这里面需要注意的是，我用了一个CDialog指针数组来进行保存，数组的大小是Tab Control页面的个数，数组下标对应着每个页面的索引（这样方便快速存取）。
用户切换时，需要响应相关的消息。
void CTab_testView::OnSelchangeTab1(NMHDR* pNMHDR, LRESULT* pResult)
{
// TODO: Add your control notification handler code here
pDialog[m_CurSelTab]->ShowWindow(SW_HIDE);
m_CurSelTab = m_tab.GetCurSel();
pDialog[m_CurSelTab]->ShowWindow(SW_SHOW);
*pResult = 0;
}
首先我们先把当前的页面隐藏起来，然后得到新的页面索引，最后就把相关页面显示出来即可。这比一个个去枚举简单多了。
还有一点比较有意思，那就是DDX/DDV机制的运用。要想获得Tab Control各个页面的数据，可以利用DDX/DDV机制，但需要注意，因为这是多个页面，所以需要显式调用多次。
void CTab_testView::OnButton1()
{
// TODO: Add your control notification handler code here
m_page1.UpdateData();
m_page2.UpdateData();
CString str1 = m_page1.m_str1;
CString str2 = m_page2.m_str2;
AfxMessageBox(str1);
AfxMessageBox(str2);
}
经过这几步处理，基本上我们就可以利用Tab Control的强大功能了。
