使用CTabCtrl控件实现属性页功能

Tab Control的运行效果有点像Property Sheet，但两者还是有一些区别。我的理解就是Property Sheet主要用在
对话框中，对数据进行进行分类管理。而Tab Control使用范围更广一些，既可以用在对话框，也可以用在视图中，除了可以管理配置数据外，还可以对
软件的组织进行规划，比如可以通过它来切换不同的视图等等。

当然这不是没有代价的，Tab Control的编程就比
Property Sheet的复杂很多。

我最初有点搞不懂，如何在Tab Control中使用不同的Page，就象
Property Page一样，Tab Control并没有提供便利的机制让你轻松做到这一点。还好，VC是最棒的，撒花～通过变通的方法还是可以做
到这一点。

不罗嗦了，上代码。

假如我现在有个SDI程序，View是Form View，想在上面放个
Tab Control，包含两个Page。现在让我们来看看应该怎样处理。

首先当然要增加一个Tab Control资源，然后利用
Class Wizard，在View中增加一个Control变量。

接着建立两个对话框资源，别忘了把Style改为
Child，Border改为None。然后就可以在上面加其他控件了。

接着利用Class Wizard，分别为这两个对话框建立两个
类，比如CPage1和CPage2。

然后在View类头文件中，加入这两个对话框对象。同时增加一个变量
int m_CurSelTab，用了表明是哪个Page即将被切换。

为了避免用户在切换Tab时，程序对Tab Index的枚举，可以
利用数组来做这个事情。

在View的初始化函数中需要把CPage1、CPage2和Tab Control关联起来，并保存页面地址，设
置初始页面，等等。

void CTab_testView::OnInitialUpdate()

{

CFormView::OnInitialUpdate();

GetParentFrame()->RecalcLayout();

ResizeParentToFit();

//
为Tab Control增加两个页面

m_tab.InsertItem(0, _T("First"));

m_tab.InsertItem(1, _T("Second"));

//
创建两个对话框

m_page1.Create(IDD_DIALOG1, &m_tab);

m_page2.Create(IDD_DIALOG2, &m_tab);

//
设定在Tab内显示的范围

CRect rc;

m_tab.GetClientRect(rc);

rc.top += 20;

rc.bottom -= 8;

rc.left += 8;

rc.right -= 8;

m_page1.MoveWindow(&rc);

m_page2.MoveWindow(&rc);

//
把对话框对象指针保存起来

pDialog[0] = &m_page1;

pDialog[1] = &m_page2;

//
显示初始页面

pDialog[0]->ShowWindow(SW_SHOW);

pDialog[1]->ShowWindow(SW_HIDE);

//
保存当前选择

m_CurSelTab = 0;

}

这里面需要注意的是，我用了一个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的强大功能了。

本文地址：http://read.newbooks.com.cn/info/128553.html

VC中的CTabCtrl用法与VB、Delphi的选项卡控件有很大的不同，每个属性页是用一个“窗体”（对话框）来实现，于是要为每个属性页对
话框建类，还要关联、初始化……实在麻烦得多。但是CTabCtrl可重用性比ActiveX的选项卡控件好，因为一个属性页可以被多个不同的选项卡对话
框调用，就像MFC中很多属性选项卡有“General”这一选项页，可以被多个控件的属性页调用，作为“通用”的，有符合现代软件工程可重用性要求。

下面发一个最简单的代码，使用CTabCtrl控件实现属性页功能，要源码的请登陆www.maoyeah.com，技术文章专栏找。

1、
建立一个基于对话框的应用程序；

2、
画CTabCtrl控件，类向导中关联变量名为m_tab，新建三个对话框属性
设Style:Child,Border:None，用ClassWizard生成新的类，基类为Cdialog，分别为Cpage0，Cpage1，Cpage2，ID号分别为
IDD_DIALOG0，IDD_DIALOG1，IDD_DIALOG2。在主对话框中加入三个变
量，Cpage0 page0；Cpage1 page1；Cpage2 page2。别忘了在主对话框的头文件中要加
入#include "Page0.h",#include "Page1.h",#include "Page2.h"

3、
在主对话框的OnInitDialog()内初始化 :

// TODO: Add extra initialization here

//初始化m_tab控件

m_tab.InsertItem(0," 呵呵，茂叶工作室 ");

m_tab.InsertItem(1," 嘻嘻 ");

m_tab.InsertItem(2," 哈哈，www.maoyeah.com ");

//建立属性页各页

page0.Create(IDD_DIALOG0,GetDlgItem(IDC_TAB1));

page1.Create(IDD_DIALOG1,GetDlgItem(IDC_TAB1));

page2.Create(IDD_DIALOG2,GetDlgItem(IDC_TAB1));

//设置页面的位置在m_tab控件范围内

CRect rect;

m_tab.GetClientRect(&rect);

rect.top+=20;

rect.bottom-=4;

rect.left+=4;

rect.right-=4;

page0.MoveWindow(&rect);

page1.MoveWindow(&rect);

page2.MoveWindow(&rect);

page1.ShowWindow(TRUE);

m_tab.SetCurSel(1);

4、
m_tab控件属性页选择时显示各页:

void CMy3Dlg::OnSelchangeTab1(NMHDR* pNMHDR, LRESULT* pResult)

{

// TODO: Add your control notification handler code here

int CurSel;

CurSel=m_tab.GetCurSel();

switch(CurSel)

{

case 0:

page0.ShowWindow(TRUE);

page1.ShowWindow(FALSE);

page2.ShowWindow(FALSE);

break;

case 1:

page0.ShowWindow(FALSE);

page1.ShowWindow(TRUE);

page2.ShowWindow(FALSE);

break;

case 2:

page0.ShowWindow(FALSE);

page1.ShowWindow(FALSE);

page2.ShowWindow(TRUE);

break;

default: ;

}

*pResult = 0;

}

编译运行，效果如图:



转载自：http://www.maoyeah.com/display.asp?boardid=3&id=37