前言:我这里的开发环境是VS2010,其它不同的开发环境可能会有所差别,但绝不会差太多,其根本方法一般是不会变的。
选项卡控件(英文名:TabControl),这个控件使用在开发一些比较复杂,和用户交互性比较多的软件上面,(比如:游戏辅助)。要设置的东西太多,一个界面肯定是不够的,也不方便管理。
具体实现步骤如下:
1. 先创建一个基本的对话框程序,再将TabControl控件拖入到其中,调整好大小。如下
图(图1):
然后再为控件添加一个类别为Control的变量(这里关联的变量名为m_TabCtrlMain)。如下图(图2):
编译后运行看看效果,此时的选项卡是一个空白的页面。如下图(图3):
2. 打开对话框cpp文件,在初始化函数里为选项卡控件添加选项(这里以添加"打怪"和"
保护"为例)具体操作如下图(图4):
现在再编译运行,这时选项卡控件界面里已经有了选项("打怪"和"保护"),效果如下图(图5):
3. 接下来我们为"打怪"和"保护"选项关联对应的界面窗口。
操作方法:在资源管理器里右键单击项目,为项目添加两个窗口资源,为了方便区分我们把其中一个窗口ID名改为IDD_DaGuai,另一个窗口ID名改为IDD_BaoHu。如下图(图6,图7):
这两个窗口最终是要显示在选项卡里的,所以边框是不能要的,在属性-外观-border设置为None。
如下图(图8):
4.接着再为这两个窗口添加类(对应的类名为CPageBaoHu和CPageDaGuai),如下图(图9):
添加类后会自动的生成相应的头文件和源文件,然后在对话框头文件开头包含这两个
头文件。如下图(图10):
5.在对话框头文件里添加这两个类的成员变量,如下图(图11):
然后在cpp文件的初始化函数里写创建窗口的代码,代码如下:
m_PageBaoHu.Create(CPageBaoHu::IDD);
m_PageDaGuai.Create(CPageDaGuai::IDD);
6.我们还要为选项卡控件写个点击事件处理程序,使之点击选项卡后显示相对应的窗口
,代码如下:
void CTabControlDlg::OnTcnSelchangeTab1(NMHDR *pNMHDR, LRESULT *pResult)
{
// TODO: 在此添加控件通知处理程序代码
switch(m_TabCtrlMain.GetCurSel())
{
case 0:
m_PageBaoHu.ShowWindow(SW_SHOW);
m_PageDaGuai.ShowWindow(SW_HIDE);
break;
case 1:
m_PageDaGuai.ShowWindow(SW_SHOW);
m_PageBaoHu.ShowWindow(SW_HIDE);
break;
}
*pResult = 0;
}
为了在显示时区分两个窗口,我们还要在两个窗口上做个记号(就在窗口的上下位置添
加个静态文本吧)。然后编译运行程序,如下图(图12):
7.从图12中看,我们发现了个问题:显示的窗口在选项卡外面,这根本不是我们想要的效果,要解决这个问题,我们要为创建的窗口指定一个父窗口,代码如下:
m_PageBaoHu.SetParent(&m_TabCtrlMain);
m_PageDaGuai.SetParent(&m_TabCtrlMain);
编译后运行效果如下图(图13):
现在窗口虽然显示在选项卡内,但是边缘衔接有缝隙。要解决这个问题,我们就要
获得父窗口的窗口区域大小,完整的代码如下:
// TODO: 在此添加额外的初始化代码
RECT tabRect;
m_TabCtrlMain.GetClientRect(&tabRect);//获得选项卡区域大小的坐标(上下左右)
tabRect.top+=26;//对坐标做一些微调,这26是选项卡按钮的高度
tabRect.left+=2;//这是边框的宽度
m_TabCtrlMain.InsertItem(0,_T("打怪"));
m_TabCtrlMain.InsertItem(0,_T("保护"));
m_PageBaoHu.Create(CPageBaoHu::IDD);//创建窗口
m_PageDaGuai.Create(CPageDaGuai::IDD);
m_PageBaoHu.SetParent(&m_TabCtrlMain);//为创建的窗口设置一个父窗口
m_PageDaGuai.SetParent(&m_TabCtrlMain);
m_PageBaoHu.MoveWindow(&tabRect);//把窗口移动到指定的区域里
m_PageDaGuai.MoveWindow(&tabRect);
编译后运行效果如下图(图14):
OK,完美解决。