在VC编程中tab控件是个很有用的控件,用它可以来实现如下图所示的属性页:
每个属性页对应着一个子页面,不同的子页面实现不同的功能,这便产生了一个问题,每个子页面上可能会有许多控件,这样各个控件之间可能就会相互覆盖,相互影响,显然这是不能实现属性页的功能的。
解决这个问题的方法有两种,一是将所有的控件放在一个对话框中,切换属性页时隐藏不需要的控件,但是这样会使得整个对话中的控件非常混乱。再有一种方法就是有几个属性页就新建几个子对话框,每一个子页面对应的对话框都是独立的。下面就来讲怎么样去实现:
新建一个基于对话框的MFC应用程序,项目名称为tab,添加tab控件如图所示:
为tab控件关联控件变量m_tab,
在tabDlg.cpp文件的OnInitDialog()函数中添加代码(建立属性页标题):
如图所示:
新建子对话框,按如下步骤操作:
选择如下图所示的选项后点“新建”:
按照上面的方法再新建两个子对话框。
将子对画框中各个静态文本框中的文字改掉以区分不同的子对话框,如下图所示:
选中第一个子对话框,并为第一个子对话框添加类:
点击【完成】,同样地为其它两个子对话框添加类。
切换到【类视图】,为CtabDlg类添加成员变量,如下图所示:
用同样的方法再添加成员变量m_page2和m_page3。
完成上面的工作后我们就可以进行tab控件与子对话框的连接了,
在tabDlg.cpp文件的OnInitDialog()函数中添加代码:
m_page1.Create(IDD_OLE_PROPPAGE_LARGE,&m_tab); m_page2.Create(IDD_OLE_PROPPAGE_LARGE1,&m_tab); m_page3.Create(IDD_OLE_PROPPAGE_LARGE2,&m_tab); CRect rect; m_tab.GetClientRect(rect); rect.DeflateRect(2,30,2,2); m_page1.MoveWindow(rect); m_page2.MoveWindow(rect); m_page3.MoveWindow(rect); m_page1.ShowWindow(SW_SHOW); m_tab.SetCurSel(0);
这样属性页的基本工作就完成了。
下面进行鼠标单击实现切换功能:
为tab控件添加事件处理函数:
单击【添加编辑】,在弹出的函数中添加如下代码:
if (m_tab.GetCurSel()==0) { m_page1.ShowWindow(SW_SHOW); m_page2.ShowWindow(SW_HIDE); m_page3.ShowWindow(SW_HIDE); } else if (m_tab.GetCurSel()==1) { m_page1.ShowWindow(SW_HIDE); m_page2.ShowWindow(SW_SHOW); m_page3.ShowWindow(SW_HIDE); } else if (m_tab.GetCurSel()==2) { m_page1.ShowWindow(SW_HIDE); m_page2.ShowWindow(SW_HIDE); m_page3.ShowWindow(SW_SHOW); }
效果如下图所示:
这样全部的工作就完成了。我们可以看一下效果图: