分类：
2008-10-14 14:56:09
下图是一个类似VC的界面，左边、底下有两个可浮动、可变大小的控制窗口。许多朋友都希望在自己的程序中实现类似的界面，因为此种类型的界面用途很广、通用性很强，所以笔者总结了一下实现的步骤，辑此一文，并提供源代码供大家参考！
44.3K (最新更新:2004年2月8日)
一、实现原理
图中两个窗口的实现类是从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中,方法与普通工具条的创建没有太大的区别!
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;(2)将树型控件放入左边那个控制条窗口中
在创建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);
在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中的对话框，在其类定义，类实现文件中必须添加如下信息：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_MINIFRAME3.2 该类的另外一种风格可以在stdafx.h中加上 #define _SCB_STYLE_FLAT 产生，您不妨试试!
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);///也停靠在右边后记
里面的树状控件的消息是自定义的吧.. 作者应该把原文的文件头也写上，这个控件是codeproject上的，codeguru上也有。你把文件头去掉，大家就不知道原创作者和文件的版本了. 作者应该把原文的文件头也写上，这个控件是codeproject上的，你把文件头去掉，大家就不知道原创作者和文件的版本了 ( runforu 发表于 2008-6-16 15:35:00) 作者你好，我在属性页中，把树形列表换成了button，为什么一直不能相应事件呢？ 请问在属性页很多的情况下,如何让属性页栏出现水平滚动条;在子窗口最大化它也跟着大. ( w81211984 发表于 2007-11-17 10:21:00) 请问作者或高人，如何去掉关闭按钮？还有如何让视图禁止拖动？我想让视图创建后就一直固定在一个位置，禁止改变位置和大小 ( 4609rain 发表于 2007-8-10 2:01:00) 我用了示例代码，但是我将那四个文件复制、添加之后，运行程序，出现了94个错误，都是scbarg.cpp中的错误，无法建立CCoolBar，不认定CCoolBar是一个类，这是怎么回事啊？急！！！谢谢！！！！ ( S_jia 发表于 2007-5-10 21:09:00) vc vb dll 控件学习网( 源码 ) 我发现一个问题：我添加了三个含有树控件的Tab页面后，当改变Tab页面的大小的时候，下边的按钮大小不会变化，也就是说Tab页面的宽度如果缩小，按钮会消失掉。但是，例子程序演示的是第二、三页加的是对话框，当页面宽度缩小的时候按钮宽度也随之缩小。于是，我把树控件换成对话框，再重复试验，按钮的宽度果然是随之缩小的。但我水平有限，不知道这是什么原因造成的，请高手指教 ( 小鬼听风 发表于 2007-2-14 22:51:00) 能不能让树控件的双击节点不展开,就象VC6.0那样，我最近一直在研究，可是不成功啊？？？