在VisualC++6中工具条的新特色

1、在 Visual C+ 6 中工具条的新特色作者：Dave Schmitt 微软在 /visualc已经推出Visual C+6.0 预览版几个月了。正式版预计到今年年底发布。同时，预览版显示出版本6将包含大量的改进和提高，包括支持 Internet控件，例如扁平工具条等。虽然改进的控件包与 Internet无关，但它首先出现在 Internet Explorer中，因此它就被取做这个名字了。事实上，官方发布的预览版的标题是“针对 Internet Explorer 4.0的 Visual C+ 5.0技术预览”。 在以前关于MFC工具条类的讨论专题中，我曾答应提供一个在版本 6中工具条的外观

2、演示。有一个很好的消息，那就是你现在用 CToolBar所作的所有工作在新的版本中都是有效的，包括那些在以前的栏目中所描述的一些扩展功能。因此，你将很容易修改现存的程序以获得象Internet Explorer和Visual Studio中那样“酷”的界面。此外，并没有什么坏消息。工具条的新特色 早在版本4中， CToolBar就已被 MFC库完全实现了。一旦公用控件动态链接库（命名为comctl32.dll ）变得无所不在了，CToolBar就成了如今已包含在操作系统中的工具条控件的代名词了。然而， CToolBar并没有揭示公用工具条控件的所有能力。如今，通过 CreateEx()函数，它

3、成功了。 公用控件动态链接库现在包含了至少三类风格：最初的、在 Internet Explorer 3.0中加入的以及在 Internet Explorer 4.0中加入的。虽然这些版本理论上是向下兼容的，但某些专业人员曾写出一些不能在后来版本中正常运行的应用程序，这可能是这些程序采用了一些没有公开的功能，而这些功能并没有被包含在所有的版本中。 Visual C+程序员没有这样的经历，因为在 Visual C+4.0或 5.0中comctl32.dll并不是一个可以再分发的组件，它在安装 Internet Explorer时被更新，因此 MFC程序员无法依靠最新版本的某些功能来用于他们的程序。

4、这就是 CToolBar仅仅具有最初的 DLL的有限功能的原因。 CToolBar能够实现最新的特色意味着微软将在Visual C+6.0中包含最新的DLL并将其作为一个可以再分发的组件。 绝大多数新特色将由在调用CreateEx() 和其它CToolBar成员函数时指定的新的风格标志来确定。下面是 commctrl.h的一部分，它定义了 TBSTYLE类标识符：#define TBSTYLE_BUTTON 0 x0000#define TBSTYLE_SEP 0 x0001#define TBSTYLE_CHECK 0 x0002#define TBSTYLE_GROUP 0 x0004#d

5、efine TBSTYLE_CHECKGROUP (TBSTYLE_GROUP | TBSTYLE_CHECK)#if (_WIN32_IE = 0 x0300)#define TBSTYLE_DROPDOWN 0 x0008#endif#if (_WIN32_IE = 0 x0400)#define TBSTYLE_AUTOSIZE 0 x0010#define TBSTYLE_NOPREFIX 0 x0020 #endif#define TBSTYLE_TOOLTIPS 0 x0100#define TBSTYLE_WRAPABLE 0 x0200#define TBSTYLE_ALTDR

6、AG 0 x0400#if (_WIN32_IE = 0 x0300)#define TBSTYLE_FLAT 0 x0800#define TBSTYLE_LIST 0 x1000#define TBSTYLE_CUSTOMERASE 0 x2000#endif#if (_WIN32_IE = 0 x0400)#define TBSTYLE_REGISTERDROP 0 x4000#define TBSTYLE_TRANSPARENT 0 x8000#define TBSTYLE_EX_DRAWDDARROWS 0 x00000001#endif 你会注意到其中的一些采用了条件编译，依赖于

7、_WIN32_IE的值，它缺省指的是 Internet Explorer 4.0（即取值为 0 x0400）。对于 Internet Explorer 3.0（即取值为 0 x0300）以前的版本，大多数的 TBSTYLE标识符指的是按钮或是一组按钮。 Internet Explorer 3.0引入了扁平钮、文本标签、下拉列表和自定义绘制。 Internet Explorer 4.0增强了下拉列表和自定义绘制功能，并且增加了支持 OLE拖动目标到一个工具条。 FACE=System,黑体 LANG=ZH-CN SIZE=4 COLOR=#000080扁平钮和把手 在过去的 18个月中我常常被问

8、及该如何获得象 Internet Explorer和 Visual Studio中的工具条一样不使用浮雕按钮而是用扁平钮并且带有便于移动和定位的把手那样酷的界面。这些特色并不被 MFC所支持，因此最简单获取的方法就是购买一个扩展库。而对于 Visual C+ 6.0来说却无须多此一举，因为它使得 CToolBar类实现了对扁平钮、把手和其它新的视觉效果的支持。 在预览版中，AppWizard FACE=System,黑体 LANG=ZH-CN并不会自动包括这些新特色，但它们却很容易被加入。表 1显示了 AppWizard创建的主框架窗口的 OnCreate()函数，表 2显示了需要做哪些修改以

9、获得具有扁平钮和把手的工具条。图 1显示了表 1创建出的工具条，而图 2显示出了表 2实现的工具条。表1: CMainFrame:OnCreate as generated by AppWizard int CMainFrame:OnCreate(LPCREATESTRUCT lpCreateStruct)if(CMDIFrameWnd:OnCreate(lpCreateStruct) = -1) return -1;if(!m_wndToolBar.Create(this) | !m_wndToolBar.LoadToolBar(IDR_MAINFRAME) TRACE0(Failed to

10、 create toolbarn); return -1; / fail to create if(!m_wndStatusBar.Create(this) | !m_wndStatusBar.SetIndicators(indicators, sizeof(indicators图1表2: Adding flat buttons and the gripperint CMainFrame:OnCreate(LPCREATESTRUCT lpCreateStruct)if(CMDIFrameWnd:OnCreate(lpCreateStruct) = -1) return -1;if(!m_wn

11、dToolBar.CreateEx(this) | !m_wndToolBar.LoadToolBar(IDR_MAINFRAME) TRACE0(Failed to create toolbarn); return -1; / fail to create if(!m_wndStatusBar.Create(this) | !m_wndStatusBar.SetIndicators(indicators, sizeof(indicators)/sizeof(UINT) TRACE0(Failed to create status barn); return -1; / fail to cre

12、ate / TODO: Remove this if you dont want tool tips or a resizeable toolbarm_wndToolBar.SetBarStyle(m_wndToolBar.GetBarStyle() | CBRS_GRIPPER | CBRS_BORDER_3D | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC);/ TODO: Delete these three lines if you dont want the toolbar to/ be dockablem_wndToolBar.En

13、ableDocking(CBRS_ALIGN_ANY);EnableDocking(CBRS_ALIGN_ANY);DockControlBar(&m_wndToolBar);return 0;图2 为了作出扁平按钮我必须使用CreateEx()来代替 Create()。这个新的函数在afxext.h中声明：BOOL CreateEx ( CWnd* pParentWnd, / parent window DWORD dwCtrlStyle = TBSTYLE_FLAT, / extended style DWORD dwStyle = / style WS_CHILD | WS_VISIBL

14、E | CBRS_ALIGN_TOP, CRect rcBorders = CRect(0,0,0,0), / border rectangle UINT nID = AFX_IDW_TOOLBAR / identifier ); 因为扩展风格缺省指的就是TBSTYLE_FLAT，因此我要得到扁平按钮就只需要简单地将 AppWizard形成的代码中的Create()改为 CreateEx()即可。我将在后面实现其它的扩展风格。 为了获得把手，我必须在调用SetBarStyle()函数时包含 CBRS_GRIPPER标志，参看表2。这是 CControlBar类的一个新风格，而CToolBar类

15、是从它继承而来的。 请注意到我也加入了CBRS_BORDER_3D标志，这是为了修正一个未知的绘制问题，该问题将会在工具条的边缘绘制一些多余的点。这也许意味着预览版确实有这个问题，因为一旦我将 3D标志加入就立即解决了并且也似乎没有影响到别的什么。 上面所作的两个简单的改变是使得一个已存程序获得酷界面的最省力的方法。在一个程序具有了扁平钮和把手的同时，它也不会发生不应有的其它改变。文本标签 Internet Explorer使得普通的工具条具有了大按钮和取代了文本提示的文本标签。 MFC程序员可以通过SetButtonText()函数为每个按钮设置一个文本串来获得这种效果。虽然在 Visual

16、 C+ 5.0中已包含了这个函数，但如果不使用扁平钮风格则不会取得令人满意的效果。 表3显示了如何使用现有的文本提示作为按钮的标签，而且图 3和图4显示了将工具条分别定位在顶端和右边的效果。我仍然使得文本提示有效，但你可以通过在调用 SetBarStyle()时去掉CBRS_TOOLTIPS风格而使之无效。表3: Adding text labelsint CMainFrame:OnCreate(LPCREATESTRUCT lpCreateStruct)if(CMDIFrameWnd:OnCreate(lpCreateStruct) = -1) return -1; if(!m_wndToo

17、lBar.CreateEx(this) | !m_wndToolBar.LoadToolBar(IDR_MAINFRAME) TRACE0(Failed to create toolbarn); return -1; / fail to create if(!m_wndStatusBar.Create(this) | !m_wndStatusBar.SetIndicators(indicators,sizeof(indicators)/sizeof(UINT) TRACE0(Failed to create status barn); return -1; / fail to create /

18、 TODO: Remove this if you dont want tool tips or a resizeable toolbarm_wndToolBar.SetBarStyle(m_wndToolBar.GetBarStyle() | CBRS_GRIPPER | CBRS_BORDER_3D | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC);/ Add text to each buttonfor(int i = 0; i m_wndToolBar.GetCount(); i+) UINT id = m_wndToolBar.Get

19、ItemID(i); CString s; if(!s.LoadString(id) continue; int j = s.Find(_T(n); if(j 0) continue; s = s.Right(s.GetLength() - j - 1); m_wndToolBar.SetButtonText(i,s); / Adjust sizes to include textCRect rect;m_wndToolBar.GetItemRect(0,&rect); m_wndToolBar.SetSizes(rect.Size(),CSize(16,15);/ TODO: Delete

20、these three lines if you dont want the toolbar to/ be dockable m_wndToolBar.EnableDocking(CBRS_ALIGN_ANY);EnableDocking(CBRS_ALIGN_ANY); DockControlBar(&m_wndToolBar);return 0;图3图4 为了产生按钮标签，一个简单的for循环扫过所有的按钮并且从与之相连的帮助串中提取出提示文本。在设置完每个按钮的标签后，就调用工具条的 SetSizes()函数去重新计算工具条的外观以便使得标签可见。也许会有更好的方法去实现最后一步，但我还

21、是从微软的 MFCIE范例程序中借用了这个过程，不为别的，只为它确实有效。 从很多方面来说，MFCIE都是值得仔细学习的。从本质上来说，它实际上是 Internet Explorer的一个微型版本，并且它还阐述了如何使用版本 6的一些新特色。你将会惊讶于在你的MFC应用程序中添加 HTML浏览功能是如此之简单。 在绝大多数情况下你会希望文本标签显示在按钮下面（这在最初的公用控件库中是唯一的选择）。 Internet Explorer 3.0版加入了TBSTYLE_LIST风格，该风格导致文本标签显示在按钮右边。对于在标签旁边显示一个下拉列表或者按钮被一个子窗口覆盖时，该风格是很有用的。下拉列表

22、 在“工具条的变形”一文中，我演示了通过将一个组合框作为一个子窗口来在工具条上添加下拉列表的情形。该方法在版本 6中仍然有效，并且当你想在工具条上显示当前的可选择项时它仍然是有用的。然而，有时你希望工具条包含一个可以在鼠标点击时显示选择列表或菜单的按钮。该功能现在可以通过扩展风格 TBSTYLE_DROPDOWN和TBSTYLE_EX_DRAWDDARROWS实现了。 例如，假设我希望对应于“文件”菜单下“新建”的按钮可以显示一个我的应用程序知道如何去创建的所有文件类型的列表。表 4 显示在前面的例子中如何加入该功能，而图 5显示该工具条。我抓取了鼠标停留在该按钮上时的屏幕，它显示出了按钮和下

23、拉箭头之间的分隔线。 为了加入一个下拉箭头，首先我必须在基本的工具条控件上调用SetExtendedStyle()函数，并且指定TBSTYLE_EX_DRAWDDARROWS风格。然后我必须在每一个我想要显示下拉箭头的按钮上指定TBSTYLE_DROPDOWN风格。表 4: Converting the File menu New command to a drop-down buttonint CMainFrame:OnCreate(LPCREATESTRUCT lpCreateStruct)if(CMDIFrameWnd:OnCreate(lpCreateStruct) = -1) ret

24、urn -1; if(!m_wndToolBar.CreateEx(this) | !m_wndToolBar.LoadToolBar(IDR_MAINFRAME) TRACE0(Failed to create toolbarn); return -1; / fail to create if(!m_wndStatusBar.Create(this) | !m_wndStatusBar.SetIndicators(indicators,sizeof(indicators)/sizeof(UINT) TRACE0(Failed to create status barn); return -1

25、; / fail to create / TODO: Remove this if you dont want tool tips or a resizeable toolbarm_wndToolBar.SetBarStyle(m_wndToolBar.GetBarStyle() | CBRS_GRIPPER | CBRS_BORDER_3D | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC);/ Add text to each buttonfor(int i = 0; i m_wndtoolbar.getcount(); i+) UINT i

26、d = m_wndToolBar.GetItemID(i); CString s; if(!s.LoadString(id) continue; int j=s.Find(_T(n); if(j iItem) case ID_FILE_NEW: TRACE0(ID_FILE_NEW drop downn); / TODO: Display popup menu or list box break; / TODO: Add cases for other drop-down buttons 热点图像 运行Internet Explorer 4.0并且将鼠标在工具条上划过。就能注意到在平时每个按钮

27、是平淡的颜色。而当鼠标触及到该按钮时，他会凸出来并且显现出鲜艳的颜色。这种视觉效果采用了工具条控件的被称作“热点图像”的功能。 一般的AppWizard代码使用工具条资源来指定其上按键的外观和与每个按键相连接的一个命令ID。工具条资源实际上包含一个复合的位图，该位图在调用LoadToolBar()函数时将被转变成一个图像列表（参见表4）。要激活热点图像功能，我必须通过SetHotImageList()函数提供第二个图像列表，就象表6所示一样。表 6: Using hot imagesint CMainFrame:OnCreate(LPCREATESTRUCT lpCreateStruct)if

28、(CMDIFrameWnd:OnCreate(lpCreateStruct) = -1) return -1; if(!m_wndToolBar.CreateEx(this) | !m_wndToolBar.LoadToolBar(IDR_MAINFRAME) TRACE0(Failed to create toolbarn); return -1; / fail to create CImageList img;if(!img.Create(IDB_MAINFRAME,16,0,RGB(128,128,128) TRACE0(Failed to load hot imagesn); retu

29、rn -1; m_wndToolBar.GetToolBarCtrl().SetHotImageList(&img);img.Detach();if(!m_wndStatusBar.Create(this) | !m_wndStatusBar.SetIndicators(indicators,sizeof(indicators)/sizeof(UINT) TRACE0(Failed to create status barn); return -1; / fail to create / TODO: Remove this if you dont want tool tips or a res

30、izeable toolbarm_wndToolBar.SetBarStyle(m_wndToolBar.GetBarStyle() | CBRS_GRIPPER | CBRS_BORDER_3D | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC);/ Add text to each buttonfor(int i = 0; i m_wndtoolbar.getcount(); i+) UINT id= m_wndToolBar.GetItemID(i); CString s; if(!s.LoadString(id) continue; int j=s.Find(_T(n); if(j 0) continue; s=s.Right(s.GetLength(), j, 1); m_wndToolBar.SetButtonText(i,s); / Add drop-down arrow to File|New buttonm_wndToolBar.GetToolBarCtrl().SetExtendedStyle(TBSTYLE_EX_DRAWDDARROW