刘 涛
使用过IE浏览器的朋友都知道IE界面上的扁平工具条、地址栏,扁平工具栏上的按钮正常状态下为扁平态,按钮上的图像为灰色,当鼠标放在按钮上时,按钮突起(这种状态称为手柄),并且其上的图像变得鲜艳醒目,一些按钮上还有汉字说明或标有小黑三角的下拉按钮,单击时显示下拉菜单,这些技术是怎么实现的呢,本文针对这些问题介绍了如何利用VC编程来实现它们。
IE风格的实现主要在主框架类的CMainFrame::OnCreate()实现,它的主要思想如下:首先定义一个CReBar对象,用以作工具条、地址栏的容器,然后分别声明图像列表对象img用于存储工具栏上按钮的热点图像和正常状态下显示的图像。为了显示扁平工具栏,需要用CreateEx()函数创建CToolBar对象m_wndToolBar,用ModifyStyle()函数将工具栏的风格设为扁平类型,你不能用CToolBar::Create() 或 CToolBar:: SetBarStyle()设置这种新风格。CToolBar 类不支持TBSTYLE_FLAT。要解决这个问题,必须绕过CToolBar类,使用CWnd::ModifyStyle()。工具栏对象调用SetButtonInfo()设置按钮的风格为TBSTYLE_DROPDOWN,就可以将工具栏按钮设置为附带有下拉按钮。至于按钮带有中文提示,用工具栏的SetButtonText()就可以轻松实现了。下面是实现IE风格界面的部分代码和注释:
int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
CReBar m_wndReBar;//声明CReBar对象
CImageList img;//声明图像列表对象
CString str;
if (CFrameWnd::OnCreate(lpCreateStruct) == -1)
return -1;
if (!m_wndReBar.Create(this))//创建CReBar对象
{
TRACE0("Failed to create rebar\n");
return -1; // fail to create
}
if (!m_wndToolBar.CreateEx(this))//创建工具条对象
{
TRACE0("Failed to create toolbar\n");
return -1; // fail to create
}
// set up toolbar properties
m_wndToolBar.GetToolBarCtrl().SetButtonWidth(50, 150);
file://设置工具条上按钮的最大、最小尺寸
m_wndToolBar.GetToolBarCtrl().SetExtendedStyle(TBSTYLE_EX_DRAWDDARROWS);
file://工具条可以带有下拉按钮
img.Create(IDB_HOTTOOLBAR, 22, 0, RGB(255, 0, 255));
file://向图像列表装载热点图像资源,IDB_HOTTOOLBAR为热点图像资源ID
m_wndToolBar.GetToolBarCtrl().SetHotImageList(&img);//工具条装载热点图像
img.Detach();
img.Create(IDB_COLDTOOLBAR, 22, 0, RGB(255, 0, 255));
file://图象列表装载正常状态的图像资源,IDB_COLDTOOLBAR为图像资源ID
m_wndToolBar.GetToolBarCtrl().SetImageList(&img);//将图像装入工具条
img.Detach();
m_wndToolBar.ModifyStyle(0, TBSTYLE_FLAT (北联网教程,专业提供视频软件下载)
……