劉 濤

　　使用過(guò)IE瀏覽器的朋友都知道IE界面上的扁平工具條、地址欄，扁平工具欄上的按鈕正常狀態(tài)下為扁平態(tài)，按鈕上的圖像為灰色，當(dāng)鼠標(biāo)放在按鈕上時(shí)，按鈕突起（這種狀態(tài)稱為手柄），并且其上的圖像變得鮮艷醒目，一些按鈕上還有漢字說(shuō)明或標(biāo)有小黑三角的下拉按鈕，單擊時(shí)顯示下拉菜單，這些技術(shù)是怎么實(shí)現(xiàn)的呢，本文針對(duì)這些問(wèn)題介紹了如何利用VC編程來(lái)實(shí)現(xiàn)它們。

　　IE風(fēng)格的實(shí)現(xiàn)主要在主框架類的CMainFrame::OnCreate（）實(shí)現(xiàn)，它的主要思想如下：首先定義一個(gè)CReBar對(duì)象，用以作工具條、地址欄的容器，然后分別聲明圖像列表對(duì)象img用于存儲(chǔ)工具欄上按鈕的熱點(diǎn)圖像和正常狀態(tài)下顯示的圖像。為了顯示扁平工具欄，需要用CreateEx()函數(shù)創(chuàng)建CToolBar對(duì)象m_wndToolBar，用ModifyStyle（）函數(shù)將工具欄的風(fēng)格設(shè)為扁平類型，你不能用CToolBar::Create（） 或 CToolBar:: SetBarStyle（）設(shè)置這種新風(fēng)格。CToolBar 類不支持TBSTYLE_FLAT。要解決這個(gè)問(wèn)題，必須繞過(guò)CToolBar類，使用CWnd::ModifyStyle（）。工具欄對(duì)象調(diào)用SetButtonInfo（）設(shè)置按鈕的風(fēng)格為TBSTYLE_DROPDOWN，就可以將工具欄按鈕設(shè)置為附帶有下拉按鈕。至于按鈕帶有中文提示，用工具欄的SetButtonText（）就可以輕松實(shí)現(xiàn)了。下面是實(shí)現(xiàn)IE風(fēng)格界面的部分代碼和注釋：

int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
　CReBar m_wndReBar;//聲明CReBar對(duì)象
　CImageList img;//聲明圖像列表對(duì)象
　CString str;
　if (CFrameWnd::OnCreate(lpCreateStruct) == -1)
　　return -1;
　if (!m_wndReBar.Create(this))//創(chuàng)建CReBar對(duì)象
　{
　　TRACE0("Failed to create rebar\n");
　　return -1; // fail to create
　}
　if (!m_wndToolBar.CreateEx(this))//創(chuàng)建工具條對(duì)象
　{
　　TRACE0("Failed to create toolbar\n");
　　return -1; // fail to create
　}
　// set up toolbar properties
　m_wndToolBar.GetToolBarCtrl().SetButtonWidth(50, 150);
　file://設(shè)置工具條上按鈕的最大、最小尺寸
　m_wndToolBar.GetToolBarCtrl().SetExtendedStyle(TBSTYLE_EX_DRAWDDARROWS);
　file://工具條可以帶有下拉按鈕
　img.Create(IDB_HOTTOOLBAR, 22, 0, RGB(255, 0, 255));
　file://向圖像列表裝載熱點(diǎn)圖像資源，IDB_HOTTOOLBAR為熱點(diǎn)圖像資源ID
　m_wndToolBar.GetToolBarCtrl().SetHotImageList(&img);//工具條裝載熱點(diǎn)圖像
　img.Detach();
　img.Create(IDB_COLDTOOLBAR, 22, 0, RGB(255, 0, 255));
　file://圖象列表裝載正常狀態(tài)的圖像資源，IDB_COLDTOOLBAR為圖像資源ID
　m_wndToolBar.GetToolBarCtrl().SetImageList(&img);//將圖像裝入工具條
　img.Detach();
　m_wndToolBar.ModifyStyle(0, TBSTYLE_FLAT TBSTYLE_TRANSPARENT);
　file://工具條為扁平風(fēng)格
　m_wndToolBar.SetButtons(NULL, 9);//工具條上有9個(gè)按鈕
　// set up each toolbar button
　file://以下分別對(duì)九個(gè)按鈕分別設(shè)置風(fēng)格和按鈕漢語(yǔ)提示
　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://重新調(diào)整按鈕的尺寸
　CRect rectToolBar;
　m_wndToolBar.GetItemRect(0, &rectToolBar);//得到工具條第一個(gè)按鈕的尺寸
　m_wndToolBar.SetSizes(rectToolBar.Size(), CSize(30,20));
　file://第一個(gè)參數(shù)為按鈕尺寸，第二個(gè)參數(shù)為圖像尺寸
　file://創(chuàng)建一個(gè)組合框作為地址欄
　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對(duì)象,對(duì)工具條和地址欄設(shè)置理想尺寸
　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);//設(shè)置工具欄尺寸
　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);//設(shè)置地址欄尺寸
　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++環(huán)境下編譯通過(guò)，程序運(yùn)行正常，有興趣的朋友可以動(dòng)手親自實(shí)驗(yàn)一下。