VC编程实现IE风格的界面

使用过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 | TBSTYLE_TRANSPARENT); 　file://工具条为扁平风格 　m_wndToolBar.SetButtons(NULL, 9);//工具条上有9个按钮 　// set up each toolbar button 　file://以下分别对九个按钮分别设置风格和按钮汉语提示 　m_wndToolBar.SetButtonInfo(0, ID_BUTTON0, TBSTYLE_BUTTON, 0); 　str.LoadString(IDS_ BUTTON0); 　m_wndToolBar.SetButtonText(0, str); 　m_wndToolBar.SetButtonInfo(1, ID_BUTTON1, TBSTYLE_BUTTON, 1); 　str.LoadString(IDS_ BUTTON1); 　m_wndToolBar.SetButtonText(1, str); 　m_wndToolBar.SetButtonInfo(2, ID_BUTTON2, TBSTYLE_BUTTON, 2); 　str.LoadString(IDS_ BUTTON2); 　m_wndToolBar.SetButtonText(2, str); 　m_wndToolBar.SetButtonInfo(3, ID_BUTTON3, TBSTYLE_BUTTON, 3); 　str.LoadString(IDS_ BUTTON3); 　m_wndToolBar.SetButtonText(3, str); 　m_wndToolBar.SetButtonInfo(4, ID_BUTTON4, TBSTYLE_BUTTON, 4); 　str.LoadString(IDS_ BUTTON4); 　m_wndToolBar.SetButtonText(4, str); 　m_wndToolBar.SetButtonInfo(5, ID_BUTTON5, TBSTYLE_BUTTON, 5); 　str.LoadString(IDS_ BUTTON5); 　m_wndToolBar.SetButtonText(5, str); 　m_wndToolBar.SetButtonInfo(6, ID_BUTTON6, TBSTYLE_BUTTON | TBSTYLE_DROPDOWN, 6); 　str.LoadString(IDS_ BUTTON6); 　m_wndToolBar.SetButtonText(6, str); 　m_wndToolBar.SetButtonInfo(7, ID_BUTTON7, TBSTYLE_BUTTON, 7); 　str.LoadString(IDS_ BUTTON7); 　m_wndToolBar.SetButtonText(7, str); 　m_wndToolBar.SetButtonInfo(8,ID_BUTTON8, TBSTYLE_BUTTON | TBSTYLE_DROPDOWN, 8); 　str.LoadString(IDS_ BUTTON8); 　m_wndToolBar.SetButtonText(8, str); 　file://重新调整按钮的尺寸 　CRect rectToolBar; 　m_wndToolBar.GetItemRect(0, &rectToolBar);//得到工具条第一个按钮的尺寸 　m_wndToolBar.SetSizes(rectToolBar.Size(), CSize(30,20)); 　file://第一个参数为按钮尺寸，第二个参数为图像尺寸 　file://创建一个组合框作为地址栏 　if (!m_wndAddress.Create(CBS_DROPDOWN | WS_CHILD, CRect(0, 0, 200, 120), this, AFX_IDW_TOOLBAR + 1)) 　{ 　　TRACE0("Failed to create combobox\n"); 　　return -1; // fail to create 　} 　file://加入工具栏、地址栏 　m_wndReBar.AddBar(&m_wndToolBar); 　str.LoadString(IDS_ADDRESS); 　m_wndReBar.AddBar(&m_wndAddress, str, NULL, RBBS_FIXEDBMP | RBBS_BREAK); file://定义REBARBANDINFO对象,对工具条和地址栏设置理想尺寸 　REBARBANDINFO rbbi; 　rbbi.cbSize = sizeof(rbbi); 　rbbi.fMask = RBBIM_CHILDSIZE | RBBIM_IDEALSIZE | RBBIM_SIZE; 　rbbi.cxMinChild = rectToolBar.Width(); 　rbbi.cyMinChild = rectToolBar.Height(); 　rbbi.cx = rbbi.cxIdeal = rectToolBar.Width() * 9; 　m_wndReBar.GetReBarCtrl().SetBandInfo(0, &rbbi);//设置工具栏尺寸 　rbbi.cxMinChild = 0; 　CRect rectAddress; 　rbbi.fMask = RBBIM_CHILDSIZE | RBBIM_IDEALSIZE; 　m_wndAddress.GetEditCtrl()->GetWindowRect(&rectAddress); 　rbbi.cyMinChild = rectAddress.Height() + 10; 　rbbi.cxIdeal = 200; 　m_wndReBar.GetReBarCtrl().SetBandInfo(2, &rbbi);//设置地址栏尺寸 　m_wndToolBar.SetBarStyle(m_wndToolBar.GetBarStyle() | 　CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_FIXED); 　if (!m_wndStatusBar.Create(this) || 　　!m_wndStatusBar.SetIndicators(indicators, 　　sizeof(indicators)/sizeof(UINT))) 　　{ 　　　TRACE0("Failed to create status bar\n"); 　　　return -1; // fail to create 　　} 　　return 0; 　}

　　以上代码在Windows2000和Visual C++环境下编译通过，程序运行正常，有兴趣的朋友可以动手亲自实验一下。

查看本文来源