VCMFC中使用工具栏控件详解

VC MFC工具栏（CToolBar）控件

工具栏

工具栏控件在控件面板里没有对应的选项（图标），但有一个工具栏控件类CToolBar,所以我们如果要创建一个

工具栏控件并显示在窗口里的话，只能用代码来完成，事实上任何一种控件，都可以用代码创建，如CButton按钮类，现举一个用代码创建按钮控件并显示在窗口里的例子。

CButton类的Create成员函数可以创建一个按钮控件，这个函数的格式如下：

BOOL CButton::Create（

LPCTSTR IpszCaption,// 按钮显示的文本

DWORD dwStyle,// 按钮样式

const RECT & rect,// 按钮控件显示的区域（大小）相对于父窗口

CWnd* pParentWnd,// 按钮的父窗口（按钮属于哪个窗口）

UINT nlD〃指明按钮控件ID号

）;

这个函数的第二个参数dwStyle是按钮控件的样式，也就是在可视化添加按钮控件时，右击按钮控件，选择属性，之后会弹出一个对话框，这个对话框有一个样式的选项，该参数即对应这个样式。

好了，了解了上面这些我们就来动态创建一个按钮吧，首先在对应话类里添加一个按钮类成员变量CButton

m_Button;

然后在对话框编辑区里给对话框添加一个按钮控件（单击这个按钮创建按钮控件），然后添加这个按钮控件单击消息处理函数，并在函数添加以下语句：

RECT ButtonRect;//按钮控件显示的区域（大小）相对于父窗口

ButtonRect.left=10;

ButtonRect.top=10;

ButtonRect.right=80;

ButtonRect.bottom=30;

m_Button.Create（" 动态创建”,WS_CHILD,ButtonRect,this,1115）;

m_Button.ShowWindow（SW_SHOW）;// 显示按钮控件

知道了怎样动态创建按钮控件，我们就来创建工具栏控件。

首先在对话类中添加一个CToolBar类成员变量CToolBar m_Toolbar;

然后在对话类文件中定义工具栏命令ID

#define ID_BUTTON1 501

#define ID_BUTTON2 502

#define ID_BUTTON3 503

接着我们就要创建工具栏资源了，用于工具栏按钮的显示图片

方法是进入ResourceView（资源视图选项卡），再随便选中一个选项，右击选择插入，在弹出的对话框里选中

Toolbar，点新建。

接着创建三个按钮。如下图所示：

会弹出一个对话框，

在ID项填入ID_BUTT0N1 ,就可以了。接着依次把两个ID号改为ID_BUTT0N2 , ID_BUT00N3。在这个对话框里也可以改变工具栏按钮的大小。

接下来我们样在对话框类的OnlnitDialog函数里的所有代码之后，return TRUE;之间添加以下语句：m_Toolbar.Create(this);〃创建工具栏控件

m_Toolbar.LoadToolBar(IDR_TOOLBAR1);〃装载工具栏资源

CRect rect(100,100,200,200);〃

m_Toolbar.MoveWindow(rect);〃移动工具栏在父窗口的位置

m_Toolbar.ShowWindow(SW_SHOW);〃显示工具栏

但这样显示工具栏不是很方便，特别是当窗口大小改变后，还要计算工具栏在窗口中的位置，有没有什么方法，

可以根据窗口大小自动调整工具栏到合适的位置呢？答案是肯定的，RepositionBars函数可以做到。实现方法如下，把上面的语句换成下面的：

m_Toolbar.Create(this);〃创建工具栏控件

m_Toolbar.LoadToolBar(IDR_TOOLBAR1);〃装载工具栏资源

//该函数用于显示工具栏，并根据窗口大小自动调整工具栏的位置

RepositionBars(AFX_IDW_CONTROLBAR_FIRST,AFX_IDW_CONTROLBAR_LAST,0);

而响应工具栏按钮单击消息，跟前面介绍的添加按钮单击消息差不多，进入类向导，找到要添加的工具栏按钮

ID，添加COMMAND消息响应函数，如下图：

工具栏按钮上显示真彩位图

上面的例子有一个缺陷， 那就是工具栏按钮显示的图形， 不能超过256色，如果我想在工具栏按钮显示真彩位图，

上面的方法显示是无法实现的，那这个功能是如何实现呢？

SetlmageList 函数可以做到，既然要显示真彩位图，那就不能使用上面的工具栏资源（ 256色），所以一切都得

到用代码实现

首先向工程引入六张位图（用于工具栏按钮显示的图片），假设 IDB_BITMAP3,IDB_BITMAP4,IDB_BITMAP5,IDB_BITMAP6 第一步：在对话框里添加两个成员变量分别是： CToolBar m_Toolbar; CImageList m 」mageList;

第二步：在对话类文件添加以下宏定义:

像要大，具体是按钮的要

//比图像的宽大7或者以上，高6

m_Toolbar.GetToolBarCtrl().SetImageList(&m_I mageList);//

RepositionBars(AFX_IDW_CONTROLBAR_FIRST,AFX_IDW_CONTROLBAR_LAST,0);

ID 号分别为 IDB_BITMAP1 ，IDB_BITMAP2，

，大小为50X38

#define ID BUTTON1 501 #define ID BUTTON2 502 #define ID BUTTON3 503 #define ID BUTTON4 504 #define ID BUTTON5 505 #define ID BUTTON6 506

接下来在对话框初始化函数

OnInitDialog 后面添加如下语句:

m_I mageList.Create(50,38,ILC_COLOR24|ILC_MASK,1,1);〃 图片大小必须一致

CBitmap bmp; for(int i=0;i<6;i++)

bmp.LoadBitmap(IDB_BITMAP1+i);

m 」mageList.Add(&bmp,RGB(255,255,255)); bmp.DeleteObject();

UINT nArray[6]; for(i=0;i<6;i++)

nArray[i]=ID_BUTTON1+i;

m_Toolbar.CreateEx(this);〃 创建工具栏控件，CreateEx 函数创建的工具栏，默认有浮动按钮属性

m_Toolbar.SetButtons （nArray,6）;〃 创建六个工具按钮，并依次设置 ID 号，对应nArray 数组的元素

m_Toolbar.SetSizes(CSize(60,56),CSize(50,38));〃

函数第一个是按钮大小，第二个是图像大小，按钮必须比图

设置图像

运行效果如下图:

匚〕［返二

il

取消|

TOM.花这里设置刘话控制-

如果要响应工具栏按钮单击消息的话，必须手动添加消息映射：女口

ON_COMMAND(ID_BUTTON1,Button1) //buttonl 为消息处理函数

如果要设置按钮显示文本的话，就是CToolBar类的SetButtonText函数。

设置工具栏背景位图

用CReBar类可以实现在工具栏背景里显示位图，可以把工具栏设置成CReBar类对应的子窗口，以上面的工程

为例子，再在对话类里添加一个成员变量：CReBar m_Rebar;接着导入一张位图，用做工具栏的背景，ID号为ID_TOOLBACK，然后在OnlnitDialog 函数的

RepositionBar(AFX_IDW_CONTROLBAR_FIRST,AFX_IDW_CONTROLBAR_LAST,0); 语句前面添加如下语句：

m_Rebar.Create(this);〃创建窗口(控件)

m_Rebar.AddBar(&m_Toolbar);〃添加m_Toolbar 为子窗口

m_Rebar.RedrawWindow();〃重画窗口

REBARBANDINFO info;

info.cbSize=sizeof(info);

info.fMask=RBBIM_BACKGROUND;

m_Toolbar.ModifyStyle(O,TBSTYLE_TRANSPARENT);〃设置工具栏背景色透明

info.hbmBack=LoadBitmap(AfxGetlnstanceHandle(),MAKEINTRESOURCE(IDB_TOOLBACK));〃加载位图

m_Rebar.GetReBarCtrl().SetBandlnfo(O,&info);

编译，运行效果如下：

为工具栏按钮添加鼠标停留提示信息

以上面的工程为例子，在对话类里添加一个成员变量CString str;

接着在m_Toolbar调用CreateEx函数后，调用这个语句：m_Toolbar.EnableToolTips();〃激活信息提示功能然后在对话类里添加一个成员函数(用于TTN_NEEDTEXT消息处理函数)，格式如下：

BOOL OnDisplay(UINT id, NMHDR *pNMHDR, LRESULT *pResult)

然后添加TTN_NEEDTEXT消息映射宏

ON_NOTIFY_EX(TTN_NEEDTEXT,0,OnDisplay)

OnDisplay 函数代码如下：

TOOLTIPTEXT *pTTT=(TOOLTIPTEXT *)pNMHDR; UINT nlD=pNMHDR->idFrom;〃 获取工具栏按钮 UINT nIndex=m_https://www.360docs.net/doc/5d13571353.html,mandToIndex(nID);〃 str.Format("工具栏按钮 %d",nIndex);

pTTT->lpszText=str.GetBuffer(str.GetLength());〃 pTTT->hinst=AfxGetResourceHandle(); return TRUE;

工具栏按钮上显示图标

在按钮上显示图标，方法跟显示位图差不到哪去，只要让

CImageList 里添加的是图标就行了，首先向工程引入

六个图标，假设 ID 号分别为IDI_ICON1、IDI_ICON2.…IDI_ICON6 以上面的工程为例：在 OnInitDialog 函数最后添加如下代码： m 」mageList.Create(48,48,ILC_COLOR24|ILC_MASK,1,1);〃 图片大小必须一致

for(int i=IDI_ICON1;i<=IDI_ICON6;i++)

m 」mageList.Add(AfxGetApp()->LoadIcon(i));〃 添加图标

UINT nArray[6]; for(i=0;i<6;i++) {

nArray[i]=ID_BUTTON1+i; }

m_Toolbar.CreateEx(this);〃 创建工具栏控件 m_Toolbar.EnableToolTips();〃 激活信息提示功能 m_Toolbar.SetButtons(nArray,6);

m_Toolbar.SetSizes(CSize(60,56),CSize(48,48));

m_Toolbar.GetToolBarCtrl().SetImageList(&m 」mageList); m_Rebar.Create(this);

m_Rebar.AddBar(&m_Toolbar); m_Rebar.RedrawWindow(); REBARBANDINFO info; info.cbSize=sizeof(info);

info.fMask=RBBIM_BACKGROUND;

m_Toolbar.ModifyStyle(O,TBSTYLE_TRANSPARENT);〃

设置工具栏背景色透明 info.hbmBack=LoadBitmap(AfxGetInstanceHandle(),MAKEINTRESOURCE(IDB_TOOLBACK)); m_Rebar.GetReBarCtrl().SetBandInfo(O,&info);

RepositionBars(AFX_IDW_CONTROLBAR_FIRST,AFX_IDW_CONTROLBAR_LAST,0); 运行效果如下：

ID

根据按钮ID 获取索引

设置按钮提示信息

不一样。

为了显示热点按钮图片，我们得准备两组图片，一组用于正常显示，一组用于热点显示。这里我的图片格式是图 标。还有一点要说明的是，工具栏必须具有 TBSTYLE_FLAT （浮动按钮）属性，这一点在用

CreateEx 函数创建

工具栏的时候，已经默认包含了。 两组图片： 然后引入背景位图，ID 号为IDB_TOOLBACK 做完了这些，我们就向对话类里添加四个成员变量: CToolBar m_Toolbar; CImageList m 」mageList; CImageList m_hotImageList; CReBar m_Rebar; 然后增加五个宏定义： #define ID_BUTTON1 501 #define ID_BUTTON2 502 #define ID_BUTTON3 503 #define ID_BUTTON4 504 #define ID_BUTTON5

505

首先向工程引入这十二个图标：假设正常显示的图标 IDI_N0RMAL6

热点图标ID 依次为：IDI_HOT1、IDI_H0T2、 ID 号依次为: IDI_H0T6

IDI_N0RMAL1、IDI_N0RMAL2、

设置工具栏按钮热点图片

像前面的SetlmageList 函数设置工具栏按钮正常显示时的图片， 而SetHotlmageList 函数是设置工具热点按钮图

片，也就是当鼠标停留在按钮上所显示的图片，用法跟 SetlmageList 函数一样，只是 CImageList 类关联的图片

正常显示:

工具栏背景位图:

接着在OnlnitDialog 函数添加如下代码：

m」mageList.Create(48,48,ILC_COLOR24|ILC_MASK,1,1);〃图片大小必须一致

m_hotImageList.Create(48,48,ILC_COLOR24|ILC_MASK,1,1);

for(int i=0;i<5;i++)

{

m_I mageList.Add(AfxGetApp()->LoadIcon(IDI_NORMAL1+i));

m_hotImageList.Add(AfxGetApp()->LoadIcon(IDI_HOT1+i));

}

UINT nArray[5];

for(i=0;i<5;i++)

{

nArray[i]=ID_BUTTON1+i;

}

m_Toolbar.CreateEx(this);〃创建工具栏控件

m_Toolbar.SetButtons(nArray,5);

m_Toolbar.SetSizes(CSize(60,56),CSize(48,48));

m_Toolbar.GetToolBarCtrl().SetImageList(&m」mageList);

m_Toolbar.GetToolBarCtrl().SetHotImageList(&m_hotImageList);

m_Rebar.Create(this);

m_Rebar.AddBar(&m_Toolbar);

m_Rebar.RedrawWindow();

REBARBANDINFO info;

info.cbSize=sizeof(info);

info.fMask=RBBIM_BACKGROUND;

m_Toolbar.ModifyStyle(O,TBSTYLE_TRANSPARENT);〃设置工具栏背景色透明

info.hbmBack=LoadBitmap(AfxGetInstanceHandle(),MAKEINTRESOURCE(IDB_TOOLBACK));

m_Rebar.GetReBarCtrl().SetBandInfo(O,&info);

RepositionBars(AFX_IDW_CONTROLBAR_FIRST,AFX_IDW_CONTROLBAR_LAST,0);

运行效果：

TODO在这里设胃对话控制B

CToolBarCtrl工具栏控制类

这个类的用法跟CToolBar的用法大同小异，模式都差不多，只需要了解一下这个类里的Create和AddButtons

函数就行了，Create函数定义如下：

BOOL Create( DWORD dwStyle, const RECT & rect, CWnd* pParentWnd, UINT nID );

dwStyle :工具栏控件的风格rect :工具栏位置和区域pParentWnd:工具栏父窗口句柄 (属于哪个窗口) nID:工具栏控件ID号