轻松实现类VC IDE界面

转载 2004年09月18日 11:23:00

轻松实现类VC界面
作者:浙江省温岭电信局 王骏

下图是一个类似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中,方法与普通工具条的创建没有太大的区别!

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先生为我们提供了如此好用的CSizingControlBar!

轻松实现类VC界面

下图是一个类似VC的界面,左边、底下有两个可浮动、可变大小的控制窗口。许多朋友都希望在自己的程序中实现类似的界面,因为此种类型的界面用途很广、通用性很强,所以笔者总结了一下实现的步骤,辑此一文,并提供...
  • ccx_john
  • ccx_john
  • 2013年09月16日 10:59
  • 698

轻松实现类VC界面(窗口停靠)

图是一个类似VC的界面,左边、底下有两个可浮动、可变大小的控制窗口。许多朋友都希望在自己的程序中实现类似的界面,因为此种类型的界面用途很广、通用性很强,所以笔者总结了一下实现的步骤,辑此一文,并提供源...
  • xionghaoaizhangruyun
  • xionghaoaizhangruyun
  • 2013年09月15日 01:05
  • 883

轻松实现类VC界面(停靠窗口)

一、实现原理 图中两个窗口的实现类是从CControlBar派生出来的,我们并不需要从头到尾实现该类,因为Cristi Posea先生已经为我们实现了一个称为CSizingControlBar的类,...
  • xionghaoaizhangruyun
  • xionghaoaizhangruyun
  • 2013年11月12日 01:05
  • 800

IDE还是cmd?

我们的c/c++程序该怎么写?这里说的不是算法和数据结构,只是简单的编译链接。...
  • ds1231h
  • ds1231h
  • 2016年05月16日 21:28
  • 608

vc界面优化类之CButtonST类

首先:将button变量声明为CButtonST public:  CButtonST m_btn1; public:  CButtonST m_chkCheckbox; public:...
  • ccx_john
  • ccx_john
  • 2013年09月23日 10:31
  • 654

VC控件随窗口最大化而变大或缩小

1.本对话框实现所有控件随窗口最大化或恢复原状:
  • lsyyoyo
  • lsyyoyo
  • 2014年11月16日 23:49
  • 1729

VC++编程中为程序加入启动画面功能

如何为自己的程序加入启动画面   观察我们平常使用的软件,当我们双击软件的时候,会在主界面出现前,先行出现一个启动画面,由于前一阵子写了一个基于对话框的程序,亲自实验了下,今天就为大家简单的介绍下,...
  • u014028070
  • u014028070
  • 2014年11月22日 12:26
  • 1724

实战 | 深度学习轻松学:如何用可视化界面来部署深度学习模型 转载 2017年12月27日 00:00:00 109 翻译 | AI科技大本营 参与 | 王赫 上个月,我有幸结识了 DeepCogn

实战 | 深度学习轻松学:如何用可视化界面来部署深度学习模型 转载 2017年12月27日 00:00:00 标签: 109 编辑 删除 ...
  • starzhou
  • starzhou
  • 2017年12月29日 13:10
  • 39

VC轻松解析XML文件 - CMarkup类的使用方法

VC轻松解析XML文件 - CMarkup类的使用方法 VC解析XML文件的工具有很多,CMarkup, tinyXML,还有IBM的,MS的等等。 据说tinyXML很好,可能字符集问题,我编译...
  • erick08
  • erick08
  • 2013年02月24日 10:11
  • 3515

谈谈我是如何选择VC界面皮肤库

 选择VC界面库或皮肤库还是应当具体问题具体分析。比如: 1、如果你需要开发支持换肤功能的软件(类似千千静听、MSN、QQ等),可以使用DirectUI或DSkinlite,这类产品比较适合开...
  • yejun556688
  • yejun556688
  • 2014年07月08日 22:50
  • 1002
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:轻松实现类VC IDE界面
举报原因:
原因补充:

(最多只允许输入30个字)