下图是一个类似VC的界面，左边、底下有两个可浮动、可变大小的控制窗口。许多朋友都希望在自己的程序中实现类似的界面，因为此种类型的界面用途很广、通用性很强，所以笔者总结了一下实现的步骤，辑此一文，并提供源代码供大家参考！
一、实现原理
图中两个窗口的实现类是从CControlBar派生出来的，我们并不需要从头到尾实现该类，因为Cristi Posea先生已经为我们实现了一个称为CSizingControlBar的类，而且做得相当完美！我们所要做的便是好好地利用该类,为了尽可能地简洁，笔者将CSizingControlBar类修改了一下并命名为CCoolBar,接下来我们将详细介绍如何利用该类实现我们所需的界面。
二、实现步骤示例
[1]前期准备
新建一个名为BarDemo的MFC工程，SDI界面，其它选项默认。
将本文示例代码中的sizecbar.h sizecbar.cpp scbarg.h scbarg.cpp 四个文件复制到工程目录下。
在菜单Project->Add to project->Files将四个文件加入工程中,此时在ClassView中将出现了一个称为CCoolBar的类。
在stdafx.h文件中加上
#include "sizecbar.h"
#include "scbarg.h"
[2]开始编码
2.1 为CMainFrame增加成员变量
CCoolBar m_wndMyBar1;///我们将它作为左边的窗口
CCoolBar m_wndMyBar2;///停靠在下方的窗口
以下代码需要添加到CMainFrame::OnCreate中,方法与普通工具条的创建没有太大的区别!
2.2 创建ControlBar
if (!m_wndMyBar1.Create(_T("我的控制条"),this,123))
{ TRACE0("Failed to create mybar/n"); return -1; }
if (!m_wndMyBar2.Create(_T("我的控制条2"),this,CSize(100,100),TRUE,124))
{ TRACE0("Failed to create mybar/n"); return -1; }
2.3 停靠控制
m_wndMyBar1.SetBarStyle(m_wndMyBar1.GetBarStyle() | CBRS_TOOLTIPS |
CBRS_FLYBY | CBRS_SIZE_DYNAMIC);
m_wndMyBar2.SetBarStyle(m_wndMyBar2.GetBarStyle() | CBRS_TOOLTIPS |
CBRS_FLYBY | CBRS_SIZE_DYNAMIC);
m_wndMyBar1.EnableDocking(CBRS_ALIGN_ANY);
m_wndMyBar2.EnableDocking(CBRS_ALIGN_ANY);
DockControlBar(&m_wndMyBar1, AFX_IDW_DOCKBAR_LEFT);///停靠在左边
DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_BOTTOM);///停靠在右边
此时我们已经生成了两个控制条窗口，但窗口中还没有任何东西！让我们来做最后一件事情:往窗口添加所需部件！
2.4 添加我的控件
这个问题看似有些麻烦其实相当简单：我们只要在创建这些控件时将控制条窗口指针作为父窗口指针赋值给这些控件即可！
请看如下例子（需要注意的是以下列举的几种形式，你只能选择其一，同时往一个控制条窗口添加多个子窗口将导致失败！)
(1)将编辑控件放入下面那个控制条窗口中
在CMainFrame类中添加成员变量CEdit m_wndEdit;在创建ControlBar后创建编辑控件
m_wndEdit.Create(WS_VSCROLL|WS_CHILD|WS_VISIBLE|ES_AUTOVSCROLL|
ES_MULTILINE|ES_WANTRETURN,CRect(0,0,0,0),&m_wndMyBar2,101);
m_wndEdit.ModifyStyleEx(0,WS_EX_CLIENTEDGE);
(2)将树型控件放入左边那个控制条窗口中 在CMainFrame类中添加成员变量 CTreeCtrl m_wndTree;;在创建ControlBar后创建树型控件
/////////////这一段代码创建树型控件////////////
if (!m_wndTree.Create(WS_CHILD|WS_VISIBLE|
TVS_HASLINES|TVS_HASBUTTONS|TVS_LINESATROOT,
CRect(0, 0, 0, 0), &m_wndMyBar1, 100))
{
TRACE0("Failed to create instant bar child/n");
return -1;
}
m_wndTree.ModifyStyleEx(0, WS_EX_CLIENTEDGE);
////往树型控件添加内容///
HTREEITEM hti = m_wndTree.InsertItem(_T("VC知识库在线杂志"));
m_wndTree.InsertItem(_T("电子文档"));
m_wndTree.InsertItem(_T("在线杂志第一期"), hti);
m_wndTree.InsertItem(_T("在线杂志第二期"), hti);
(3)将对话框放入控制条中
首先在资源编辑器里制作一个CHILD类型的无BORDER对话框,ID为IDD_DIALOGBAR,并以此作为模板生成CVCKBASEDlg类，
并在CMainFrame中添加成员变量 CVCKBASEDlg m_wndVCKBASE;然后在创建ControlBar后用如下代码创建对话框
m_wndVCKBASE.Create(IDD_DIALOGBAR,&m_wndMyBar1);
m_wndVCKBASE.ShowWindow(SW_SHOW);
(4)将TabCtrl放入左边的控制条
本文的示例代码中提供了一个称为CCoolTabCtrl的封装类，我们用它可以简单地创建出TabCtrl,先请看如下代码
m_TabCtrl.Create(TCS_DOWN|WS_CHILD|WS_VISIBLE,CRect(0,0,100,100),&m_wndMyBar1,125);
/////////////这一段代码创建树型控件////////////
if (!m_wndTree.Create(WS_CHILD|WS_VISIBLE|
TVS_HASLINES|TVS_HASBUTTONS|TVS_LINESATROOT,
CRect(0, 0, 0, 0), &m_TabCtrl, 100)) ///注意，这里是将m_TabCtrl作为m_wndTree的父窗口
{
TRACE0("Failed to create instant bar child/n");
return -1;
}
m_wndTree.ModifyStyleEx(0, WS_EX_CLIENTEDGE);
///往树型控件添加内容
HTREEITEM hti = m_wndTree.InsertItem(_T("VC知识库在线杂志"));
m_wndTree.InsertItem(_T("电子文档"));
m_wndTree.InsertItem(_T("在线杂志第一期"), hti);
m_wndTree.InsertItem(_T("在线杂志第二期"), hti);
///将树型控件加入到TabCtrl中
m_TabCtrl.AddPage(&m_wndTree,"VC知识库",IDI_ICON1); ///将树型控件添加到第一页
m_TabCtrl.AddPage(RUNTIME_CLASS(CVCKBASEDlg),IDD_DIALOGBAR,"第二页",IDI_ICON2); ///将CVCKBASEDlg对话框添加到第二页
m_TabCtrl.AddPage(RUNTIME_CLASS(CMyDlg),IDD_DIALOGBAR2,"第三页",IDI_ICON3); ///将CMyDlg对话框添加到第三页
m_TabCtrl.UpdateWindow(); ///更新TabControl
需要注意的是希望添加到TabControl中的对话框，在其类定义，类实现文件中必须添加如下信息：
例如CVCKBASEDlg类，在VCKBASEDlg.h中添加 DECLARE_DYNCREATE(CVCKBASEDlg) class CVCKBASEDlg : public CDialog
{
// Construction
public:
CVCKBASEDlg(CWnd* pParent = NULL); // standard constructor
DECLARE_DYNCREATE(CVCKBASEDlg)
在.CPP中增加 IMPLEMENT_DYNCREATE(CVCKBASEDlg, CDialog)
至此我们已经大功告成!我们可以编译运行一下看看两个控制条有没有创建成功。
哇噻！只用这几行代码就实现了梦寐以求的界面！
三、更加高级的话题
3.1 该ControlBar在浮动的时候顶部的把手会消失，变成了普通的ToolWindow类型的标题栏。为了避免这种情况，我们需要在CMainFrame::OnCreate()中，在EnableDocking()后加入:
#ifdef _SCB_REPLACE_MINIFRAME
m_pFloatingFrameClass = RUNTIME_CLASS(CSCBMiniDockFrameWnd);
#endif //_SCB_REPLACE_MINIFRAME
并在stdafx.h中加上#define _SCB_REPLACE_MINIFRAME
3.2 该类的另外一种风格可以在stdafx.h中加上 #define _SCB_STYLE_FLAT 产生，您不妨试试!
3.3 如何将两个ControlBar停靠在同一行中
DockControlBar(&m_wndMyBar1, AFX_IDW_DOCKBAR_BOTTOM);///停靠在底部
RecalcLayout();
CRect rect;
m_wndMyBar1.GetWindowRect(rect);
rect.OffsetRect(1, 0);//偏移一个位置
DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_BOTTOM,rect);///也停靠在底部
3.4 如何将两个ControlBar停靠在同一列中
DockControlBar(&m_wndMyBar1, AFX_IDW_DOCKBAR_RIGHT);///停靠在右边
RecalcLayout();
CRect rect;
m_wndMyBar1.GetWindowRect(rect);
rect.OffsetRect(0, 1);//看到这里的区别了吗
DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_RIGHT,rect);///也停靠在右边
//////////////////////////////////////////////////////
对于以上只能添加一个控件的结论，如果不是调用作者的类，而是直接调用Cristi Posea先生先生的类，则不存在这种情形，可以随意添加控件。
如果希望浮动窗口不能响应鼠标操作，固定不动，只要将响应的消息处理注释即可。
作者：西京大学●职业学院 井中月_VC
下载源代码
前言
本文是在《轻松类VC界面》的基础上写的，初次写文章，表义不清之处，请谅解！如果书归正传，开始……。
程序运行结果如下图：左边、底下有两个可浮动、可变大小的控制窗口 ，在左边一个Tab页中，可以显示系统目录。
一、实现原理
图中两个窗口的实现类是从CControlBar派生出来的，王骏先生将CSizingControlBar类修改了一下并命名为CCoolBar,我所要做的是应用该类。左边窗口中的目录树，是从类CdirTreeCtrl派生出来的，我们只要引用就可以，详见代码。
二、应用示例
1、建立一个基于SDI的工程,工程命名为：009 。（我的工程中命名基本是008,007）
2、将文件夹SplitClass下的sizecbar.h sizecbar.cpp scbarg.h
scbarg.cpp 四个文件复制到工程目录下。在菜单Project->Add to project->Files将四个文件加入工程中,此时在ClassView中将出现了一个称为CCoolBar的类。
在stdafx.h文件中加上
＃i nclude "sizecbar.h" ＃i nclude "scbarg.h"
2.1、为CMainFrame增加成员变量：
CCoolBar m_LeftCtrBar; //左面的控制窗口 CCoolBar m_BottomCtrBar; //最下面的控制窗口
2.2、在int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)中添加以下代码：
//-----------1.创建ControlBar--------
if(!(m_LeftCtrBar.Create(_T("我的控制条1"), this, CSize(230,260),TRUE, 123)))
{
TRACE0("Failed to create m_LeftCtrBar/n");
return -1;
}
if(!(m_BottomCtrBar.Create(_T("我的控制条2"), this, CSize(100, 100), TRUE, 124)))
{
TRACE0("Failed to cretae m_BottomCtrBar/n");
return -1;
}
2.3、停靠控制：
//-------------------2.停靠控制----------------------------------- m_LeftCtrBar.SetBarStyle(m_LeftCtrBar.GetBarStyle() | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC); m_BottomCtrBar.SetBarStyle(m_BottomCtrBar.GetBarStyle() | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC); m_wndToolBar.EnableDocking(CBRS_ALIGN_ANY); m_LeftCtrBar.EnableDocking(CBRS_ALIGN_ANY); m_BottomCtrBar.EnableDocking(CBRS_ALIGN_ANY); EnableDocking(CBRS_ALIGN_ANY); DockControlBar(&m_wndToolBar); DockControlBar(&m_LeftCtrBar, AFX_IDW_DOCKBAR_LEFT); //停靠在左边 DockControlBar(&m_BottomCtrBar, AFX_IDW_DOCKBAR_BOTTOM); //停靠在底部
运行一下，看一下效果图如何。
2.4、添加控件：
这个问题看似有些麻烦其实相当简单：我们只要在创建这些控件时将控制条窗口指针作为父窗口指针赋值给这些控件即可！请看如下例子（需要注意的是以下列举的几种形式，你只能选择其一，同时往一个控制条窗口添加多个子窗口将导致失败！）（作者原话）
2.4.1 添加最下面的Edit控件
在CMainFrame类中添加成员变量：
CEdit m_BottomEdit; //加在最下面的控制栏中的Edit
在创建ControlBar后创建编辑控件：
//------------3.m_BottomEdi上的EditBox, 一定要加在创建ControlBar之后--------------------
m_BottomEdit.Create(WS_VSCROLL | WS_CHILD | WS_VISIBLE | ES_AUTOVSCROLL
| ES_MULTILINE | ES_WANTRETURN, //指定编辑控件的风格，
CRect(0,0,0,0), //Specifies the edit control''s size and position
&m_BottomCtrBar, //Specifies the edit control''s parent window, it must not be null.
101); //Specifies the edit control''s ID
m_BottomEdit.ModifyStyleEx(0, WS_EX_CLIENTEDGE);
再运行，瞧一下！
2.4.2 在左边的控制栏中，添加Tab控件，目录树Tree,并且把目录树放到对话框中。
制作目录树：
将文件夹DirectoryTree下的DirTreeCtrl.h ,DirTreeCtrl.cpp SortStringArray.h, SortStringArray.cpp四个文件复制到工程目录下。在菜单Project->Add to project->Files将四个文件加入工程中。这些东东是我们要用来显示系统目录树用的。
在ResourceView中，添加一个对话框，其ID为IDD_DIRTREEDLG,在其属性中设置Style下的=>Style为Child, Border为None，并用这个对话框生成一个类CtreeDlg类。
Notice：
从文档类，框架窗口类和视图类派生自己的类时，一般都得在类中加个DECLARE_DYNCREATE()，然后在类外加个IMPLEMENT_DYNCREATE()（至于为什么请看附录A的链接）。所以在 CtreeDlg.h加上DECLARE_DYNCREATE(CTreeDlg)，在其相应的.cpp中加上IMPLEMENT_DYNCREATE(CTreeDlg, CDialog)。在CtreeDlg.h中添加成员变量：
CDirTreeCtrl m_DirTreeCtrl;
在CtreeDlg.cpp中增加WM_INITDIAOG消息事件。在OnitDialog()中添加如下代码：
TCHAR szWorkDir[MAX_PATH];
if (!m_DirTreeCtrl.m_hWnd)
{
if ( m_DirTreeCtrl.SubclassDlgItem(IDC_TREE1, this))
{
m_DirTreeCtrl.DisplayTree( NULL , TRUE );
_getcwd( szWorkDir, 256 ); //得到当前工作目录
// set the Path to the current Work-Directory
m_DirTreeCtrl.SetSelPath( szWorkDir );
}
}
这样目录树便可在对话框上可见，但是现在还不能行。
下面要加的是Tab控件，将Tab控件放入左面的控制栏中，首先要将工程目录TabCtrl文件下的.h,.cpp文件用上面的方面添加到工程。在CMainFrame类中添加成员变量：
CCoolTabCtrl m_TabCtrl;
在int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)中添加以下代码：
//---------------7.Create TabCtrl--------- m_TabCtrl.Create(TCS_DOWN | WS_CHILD | WS_VISIBLE, CRect(0,0,100,100), &m_LeftCtrBar, 125); //将TabCtrl加入到左面的控制栏中。
把我们的对话框放入TabCtrl中，代码如下：
//----------------8.将Dialog加入到TabCtrl中-------------------------- //将树型控件加入到TabCtrl中 m_TabCtrl.AddPage(RUNTIME_CLASS(CTreeDlg), IDD_DIRTREEDIG, "目录", IDI_ICON1); m_TabCtrl.AddPage(RUNTIME_CLASS(CDialogSecond), IDD_DIALOG2, "第二页", IDI_ICON2); m_TabCtrl.AddPage(RUNTIME_CLASS(CDialog1), IDD_DIALOG1, "第三页", IDI_ICON3); m_TabCtrl.UpdateWindow();
三、更加高级的话题（摘自《轻松实现类VC界面》）
3.1 该ControlBar在浮动的时候顶部的把手会消失，变成了普通的ToolWindow类型的标题栏。为了避免这种情况，我们需要在CMainFrame::OnCreate()中，在EnableDocking()后加入：
#ifdef _SCB_REPLACE_MINIFRAME m_pFloatingFrameClass = RUNTIME_CLASS(CSCBMiniDockFrameWnd); #endif //_SCB_REPLACE_MINIFRAME
并在stdafx.h中加上#define _SCB_REPLACE_MINIFRAME
3.2 该类的另外一种风格可以在stdafx.h中加上 #define _SCB_STYLE_FLAT 产生，您不妨试试!
3.3 如何将两个ControlBar停靠在同一行中
DockControlBar(&m_wndMyBar1, AFX_IDW_DOCKBAR_BOTTOM);///停靠在底部 RecalcLayout(); CRect rect; m_wndMyBar1.GetWindowRect(rect); rect.OffsetRect(1, 0);//偏移一个位置 DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_BOTTOM,rect);///也停靠在底部
3.4 如何将两个ControlBar停靠在同一列中
DockControlBar(&m_wndMyBar1, AFX_IDW_DOCKBAR_RIGHT);///停靠在右边 RecalcLayout(); CRect rect; m_wndMyBar1.GetWindowRect(rect); rect.OffsetRect(0, 1);//看到这里的区别了吗 DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_RIGHT,rect);///也停靠在右边
后语：
这是我第一次写文章，错误之处希望大家批评指正！最后，让我们再次感谢浙江省温岭电信局--王骏先生,为我们提供了如此好用的 CcoolBar 类。
附录A：（参考文章）
如果您对上面的问题有疑惑，请到以下链接去看原文章。
- 《轻松类VC界面》；
- 《目录树类的链接》；
- 《动态创建模板，视图和文档对象的过程》；