企业官网建设流程全解析

简介：这份资源面向在 VC2008 环境下开发 MFC 桌面程序的初学者与中级开发者，聚焦如何借助 CTabSheet 类快速搭建多选项卡窗口界面，解决单窗口内多页面切换与屏幕空间高效利用的问题。压缩包共 23 个文件，约 200KB，以 8 个 h 头文件与 6 个 cpp 源文件为核心，配合 sln、vcproj 工程文件、rc 资源脚本、ico 图标及 Release 目录下的 exe 可执行文件，构成可直接编译运行的完整示例工程。内容围绕 CPropertySheet 与 CTabSheet 派生类的配合展开，涵盖选项卡页面定义、AddPage 添加页面、消息映射处理与 DoModal 显示对话框等关键环节，代码结构清晰，便于对照理解 MFC 选项卡控件的封装机制。目前已有 307 人学习下载，适合作为 MFC 界面开发的入门练手与工程模板参考。

1. 从 MFC 对话框里塞进一个 CTabSheet 说起

很多人第一次在 VC2008 里做多页对话框，第一反应是拖一个 Tab Control 上去，然后手动InsertItem、手动ShowWindow切换子对话框，代码写了一大坨，结果窗口一缩放全乱套。这个项目给的就是另一条路：用CTabSheet这个封装类，把「Tab 控件 + 多个子对话框」的组合压成一个可复用的控件，主对话框里只需要声明一个成员、调两次AddPage、一次Show，多页切换就成型了。它适合两类人：一类是刚接触 MFC、被TabCtrl原生 API 绕晕的新手，想找一个能直接编译运行的完整例子；另一类是老手，想看看CTabSheet内部怎么处理子对话框的创建、尺寸对齐和TCN_SELCHANGE消息转发。项目本身是 VC2008 工程，.sln和.vcproj都在，打开就能编，不需要额外依赖。

2. 工程结构与 CTabSheet 的类关系：先看清谁管谁

2.1 目录里都有什么

拿到源码包，先别急着点编译，把目录扫一遍能省很多事。这个例子的结构是典型的 MFC 对话框工程，核心文件不多，但每个都有明确分工：

主对话框和子页对话框都是CDialog派生，CTabSheet本身继承自CTabCtrl。这个继承关系是关键：它首先是一个 Tab 控件，能接收TCN_SELCHANGE通知，同时它又持有子对话框指针数组，负责在切换时把对应的子对话框显示出来。

2.2 CTabSheet 的类声明长什么样

打开CTabSheet.h，核心成员大概是这样：

class CTabSheet : public CTabCtrl { DECLARE_DYNAMIC(CTabSheet) public: CTabSheet(); virtual ~CTabSheet(); // 添加一页：传入子对话框指针和页签文字 BOOL AddPage(CDialog* pPage, LPCTSTR lpszTitle); // 选中某一页，nPage 从 0 开始 BOOL SetActivePage(int nPage); // 获取当前页索引 int GetActivePage() const; protected: // 子对话框指针数组，最多支持 MAX_PAGES 页 CDialog* m_pPages[MAX_PAGES]; int m_nPageCount; // 已添加页数 int m_nActivePage; // 当前活动页 // 重写，用于把子对话框创建为 Tab 的子窗口 virtual void PreSubclassWindow(); // 消息映射：处理 TCN_SELCHANGE afx_msg void OnSelChange(NMHDR* pNMHDR, LRESULT* pResult); DECLARE_MESSAGE_MAP() };

MAX_PAGES一般定义成 8 或 16，够用就行。m_pPages存的是子对话框对象指针，注意这些对象通常由主对话框持有，CTabSheet只负责显示和切换，不负责delete，这一点后面避坑章节会展开。

2.3 主对话框怎么把 CTabSheet 挂上去

主对话框头文件里声明成员：

class CTabSheetDemoDlg : public CDialog { // ... 其他成员 protected: CTabSheet m_tabSheet; // Tab 控件成员 CPage1Dlg m_page1; // 三个子页对象 CPage2Dlg m_page2; CPage3Dlg m_page3; };

在OnInitDialog里完成绑定：

BOOL CTabSheetDemoDlg::OnInitDialog() { CDialog::OnInitDialog(); // 1. 把对话框上的 Tab 控件子类化到 m_tabSheet m_tabSheet.SubclassDlgItem(IDC_TAB1, this); // 2. 依次添加三页，传入子对话框对象和页签文字 m_tabSheet.AddPage(&m_page1, _T("基本设置")); m_tabSheet.AddPage(&m_page2, _T("高级选项")); m_tabSheet.AddPage(&m_page3, _T("关于")); // 3. 默认选中第一页 m_tabSheet.SetActivePage(0); return TRUE; }

这里SubclassDlgItem是把资源编辑器里拖出来的 Tab 控件和CTabSheet对象关联起来，之后所有对m_tabSheet的调用都作用在那个控件上。AddPage的顺序决定页签顺序，SetActivePage(0)触发第一次显示。三步走完，多页对话框就活了。

3. 核心实现拆解：AddPage 和 OnSelChange 到底做了什么

3.1 AddPage：创建子对话框并调整尺寸

AddPage是整个类的入口，它要干三件事：记录指针、插入页签、把子对话框创建到 Tab 的客户区里。

BOOL CTabSheet::AddPage(CDialog* pPage, LPCTSTR lpszTitle) { if (m_nPageCount >= MAX_PAGES || pPage == NULL) return FALSE; // 1. 记录子对话框指针 m_pPages[m_nPageCount] = pPage; // 2. 在 Tab 控件上插入一个页签 TCITEM tci; tci.mask = TCIF_TEXT; tci.pszText = (LPTSTR)lpszTitle; InsertItem(m_nPageCount, &tci); // 3. 创建子对话框，父窗口设为 Tab 控件本身 if (!pPage->Create(pPage->m_lpszTemplateName, this)) return FALSE; m_nPageCount++; return TRUE; }

关键在第三步：pPage->Create(..., this)把子对话框的父窗口设成CTabSheet（也就是 Tab 控件），这样它才会显示在 Tab 的客户区里，而不是飘在主对话框上。m_lpszTemplateName是CDialog的成员，指向对话框模板资源名，子页类在构造函数里通过CDialog(IDD_PAGE1)已经设好了。

创建完之后还要调整位置，让子对话框填满 Tab 客户区。这段通常在PreSubclassWindow或第一次SetActivePage时做：

void CTabSheet::PreSubclassWindow() { CTabCtrl::PreSubclassWindow(); // 获取 Tab 客户区，减去页签高度 CRect rect; GetClientRect(&rect); AdjustRect(FALSE, &rect); // FALSE 表示从客户区算出显示区 // 把所有子对话框移到这个区域 for (int i = 0; i < m_nPageCount; i++) { if (m_pPages[i] && m_pPages[i]->GetSafeHwnd()) m_pPages[i]->MoveWindow(&rect); } }

AdjustRect(FALSE, &rect)是CTabCtrl自带的，传入FALSE时把「整个客户区」换算成「去掉页签后的显示区」，这样三个子对话框就不会被页签盖住。这个调用是很多手写 Tab 切换代码容易漏掉的一步，漏了就会出现子对话框顶部被页签遮挡的现象。

3.2 OnSelChange：切换时只显示当前页

页签点击后，Tab 控件会发TCN_SELCHANGE通知，CTabSheet在消息映射里接住它：

BEGIN_MESSAGE_MAP(CTabSheet, CTabCtrl) ON_NOTIFY_REFLECT(TCN_SELCHANGE, &CTabSheet::OnSelChange) END_MESSAGE_MAP() void CTabSheet::OnSelChange(NMHDR* pNMHDR, LRESULT* pResult) { int nSel = GetCurSel(); // 当前选中的页签索引 if (nSel == m_nActivePage) return; // 隐藏旧页，显示新页 if (m_pPages[m_nActivePage]) m_pPages[m_nActivePage]->ShowWindow(SW_HIDE); m_nActivePage = nSel; if (m_pPages[m_nActivePage]) m_pPages[m_nActivePage]->ShowWindow(SW_SHOW); *pResult = 0; }

注意用的是ON_NOTIFY_REFLECT而不是ON_NOTIFY。因为CTabSheet自己就是 Tab 控件的子类，通知消息会先发到父窗口（主对话框），用REFLECT让它反射回控件自身处理，这样主对话框就不用写任何切换逻辑，封装才算干净。

SetActivePage的逻辑类似，只是它主动设置SetCurSel(nPage)再手动调一次显示切换：

BOOL CTabSheet::SetActivePage(int nPage) { if (nPage < 0 || nPage >= m_nPageCount) return FALSE; SetCurSel(nPage); // 复用 OnSelChange 的显示逻辑 m_pPages[m_nActivePage]->ShowWindow(SW_HIDE); m_nActivePage = nPage; m_pPages[m_nActivePage]->ShowWindow(SW_SHOW); return TRUE; }

3.3 子页对话框的写法

子页类没什么特别的，就是普通CDialog派生，但有两个细节要注意：

class CPage1Dlg : public CDialog { public: CPage1Dlg(CWnd* pParent = NULL); enum { IDD = IDD_PAGE1 }; // 对话框模板 ID protected: virtual void DoDataExchange(CDataExchange* pDX); virtual BOOL OnInitDialog(); };

构造函数里调CDialog(CPage1Dlg::IDD, pParent)，IDD_PAGE1对应的模板在资源编辑器里把 Style 设成Child，Border 设成None。这两项如果忘了改，子对话框会带标题栏和边框，嵌进 Tab 里非常难看。这是新手最容易翻车的地方之一。

4. 编译运行与常见问题排查

4.1 从零跑起来的步骤

1. 用 VC2008 打开TabSheetDemo.sln，如果提示工程转换，选「是」。
2. 确认工程属性里Use of MFC设为Use MFC in a Shared DLL或Static Library，两者都行，但要和运行环境一致。
3. Build→Build Solution，正常应该零错误零警告。
4. Debug→Start Debugging，主对话框弹出，三个页签可切换。

如果编译报error C2065: 'IDD_PAGE1' : undeclared identifier，说明resource.h里没定义子页模板 ID，去资源视图确认三个子对话框模板都存在，ID 和代码里一致。

4.2 避坑：五个真实踩过的坑

现象一：子对话框不显示，Tab 区域一片空白。原因：AddPage里pPage->Create失败，通常是对话框模板 Style 没设成Child。 解决：资源编辑器里打开子页模板，Style 选Child，Border 选None，再重新编译。

现象二：切换页签时旧页没隐藏，两页叠在一起。原因：OnSelChange里只ShowWindow(SW_SHOW)了新页，忘了隐藏旧页，或者m_nActivePage没更新。 解决：严格按「隐藏旧页 → 更新索引 → 显示新页」三步写，顺序不能乱。

现象三：子对话框顶部被页签遮住。原因：创建后没调AdjustRect(FALSE, &rect)，子对话框用了整个客户区。 解决：在PreSubclassWindow或OnSize里调AdjustRect后MoveWindow，窗口缩放时也要重算。

现象四：程序退出时崩溃，提示访问非法内存。原因：CTabSheet析构时去delete子对话框指针，但子对话框是主对话框的成员对象，栈上分配的，不能delete。 解决：CTabSheet只存指针不负责释放，析构函数里什么都不做，或者只清空数组。

现象五：页签文字显示乱码。原因：VC2008 默认工程是 Unicode，但代码里用了"基本设置"这种窄字符串。 解决：统一用_T("基本设置")或L"基本设置"，确保字符集一致。

提示：如果工程是 Unicode 而第三方库是 MBCS，链接时会报LNK2001，这时候要么统一字符集，要么在调用处做CStringA/CStringW转换。

5. 二次开发：把 CTabSheet 改造成能动态增删页的版本

原版的CTabSheet是静态的，页数在编译期就定了，AddPage只能在初始化时调。实际项目里经常需要根据配置动态加页，比如插件式设置面板。改造思路是给CTabSheet加一个RemovePage和延迟创建机制。

先加移除逻辑：

BOOL CTabSheet::RemovePage(int nPage) { if (nPage < 0 || nPage >= m_nPageCount) return FALSE; // 如果是当前页，先切到相邻页 if (nPage == m_nActivePage) { int nNew = (nPage > 0) ? nPage - 1 : 0; if (nNew != nPage) SetActivePage(nNew); } // 销毁子对话框窗口，但不 delete 对象 if (m_pPages[nPage] && m_pPages[nPage]->GetSafeHwnd()) m_pPages[nPage]->DestroyWindow(); // 数组前移 for (int i = nPage; i < m_nPageCount - 1; i++) m_pPages[i] = m_pPages[i + 1]; m_pPages[m_nPageCount - 1] = NULL; m_nPageCount--; DeleteItem(nPage); // 删除页签 return TRUE; }

这里有个取舍：DestroyWindow会销毁窗口句柄，但CDialog对象还在，下次要重新加回来得再调一次Create。如果希望保留窗口状态，可以改成只ShowWindow(SW_HIDE)不销毁，但那样内存里会一直挂着隐藏窗口。我一般会按「页数少就隐藏、页数多就销毁」来选。

再改AddPage支持运行时调用：

BOOL CTabSheet::AddPage(CDialog* pPage, LPCTSTR lpszTitle) { if (m_nPageCount >= MAX_PAGES || pPage == NULL) return FALSE; m_pPages[m_nPageCount] = pPage; TCITEM tci; tci.mask = TCIF_TEXT; tci.pszText = (LPTSTR)lpszTitle; InsertItem(m_nPageCount, &tci); // 如果 Tab 已经创建，立即创建子对话框 if (GetSafeHwnd()) { if (!pPage->Create(pPage->m_lpszTemplateName, this)) return FALSE; CRect rect; GetClientRect(&rect); AdjustRect(FALSE, &rect); pPage->MoveWindow(&rect); pPage->ShowWindow(SW_HIDE); // 新页默认隐藏 } m_nPageCount++; return TRUE; }

关键改动是判断GetSafeHwnd()：如果 Tab 控件已经创建，就立刻创建子对话框并定位；如果还没创建（初始化阶段），就只记录，等PreSubclassWindow里统一创建。这样初始化时批量加页和运行时动态加页走同一套代码。

验证方法很简单：在主对话框上加两个按钮，一个调RemovePage(1)，一个调AddPage(&m_page2, _T("重新加回"))，反复点，观察页签数量和子对话框显示是否正常。重点看移除当前页时有没有正确切到相邻页，以及重新加回后子对话框的尺寸对不对。

改造时还要注意一个细节：RemovePage里DeleteItem之后，后面页签的索引会前移，如果外部代码缓存了页索引，需要同步更新。我一般会在CTabSheet里加一个GetPageIndex(CDialog* pPage)辅助函数，让外部通过指针查索引，而不是硬编码数字。

从那以后我每次给 MFC 对话框加 Tab 页，都强制先确认三件事：子页模板 Style 是不是Child、AdjustRect有没有调、析构时有没有误删栈对象。这三步走完，基本不会再出玄学问题。希望帮到你。

本文还有配套的精品资源，点击获取