24小时热门版块排行榜    

查看: 199  |  回复: 1
当前主题已经存档。

zsglly

木虫 (著名写手)

[交流] 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++环境下编译通过,程序运行正常,有兴趣的朋友可以动手亲自实验一下。

[ Last edited by 幻影无痕 on 2006-11-29 at 07:55 ]
回复此楼

» 猜你喜欢

做人要厚道啊!厚道啊!
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖

yja678

新虫 (初入文坛)

0.5

虽然我看不懂,还是要顶!!!!
灌水,我们要一直坚持下去!!!
2楼2005-12-23 23:22:34
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖
相关版块跳转 我要订阅楼主 zsglly 的主题更新
普通表情 高级回复 (可上传附件)
最具人气热帖推荐 [查看全部] 作者 回/看 最后发表
[考研] 085600 英一数二272求调剂 5+6 vida_a 2026-03-01 15/750 2026-03-02 18:50 by caszguilin
[考研] 中国科学技术大学材料与化工281求调剂,有科研和获奖经历 +4 wsxw 2026-03-02 4/200 2026-03-02 18:43 by caszguilin
[考研] 一志愿山东大学材料与化工325求调剂 +5 半截的诗0927 2026-03-02 5/250 2026-03-02 18:37 by 明亮9527
[考研] 290求调剂 +6 ErMiao1020 2026-03-02 6/300 2026-03-02 18:14 by lature00
[考研] 材料085601调剂 +3 多多子. 2026-03-02 3/150 2026-03-02 17:37 by yeahyou
[考研] 一志愿东北大学化学314分求调剂 +3 lr1212.. 2026-03-02 3/150 2026-03-02 17:36 by yeahyou
[考研] 化工270求调剂 +8 什么名字qwq 2026-03-02 8/400 2026-03-02 13:03 by houyaoxu
[考研] 26考研报考西工大材料308分求调剂 +4 weizhong123 2026-03-01 4/200 2026-03-02 12:46 by 无际的草原
[考研] 材料工程274求调剂 +4 Lilithan 2026-03-01 4/200 2026-03-02 12:06 by yuchj
[考研] 材料工程专硕283求调剂 5+4 ,!? 2026-03-02 6/300 2026-03-02 11:07 by 黑!在干嘛
[考研] 0854复试调剂 276 +4 wmm9 2026-03-01 6/300 2026-03-02 09:28 by 热情沙漠
[考研] 材料类求调剂 +11 wana_kiko 2026-02-28 14/700 2026-03-02 08:46 by 聪明的大松鼠
[考研] 272求调剂 +6 田智友 2026-02-28 6/300 2026-03-01 21:40 by 公瑾逍遥
[考研] 0856材料求调剂 +11 hyf hyf hyf 2026-02-28 12/600 2026-03-01 18:57 by 18137688336
[考博] 26申博 +4 想申博! 2026-02-26 6/300 2026-03-01 17:32 by 想申博!
[考研] 0856材料求调剂 +4 麻辣鱿鱼 2026-02-28 4/200 2026-03-01 16:51 by caszguilin
[考研] 285求调剂 +8 满头大汗的学生 2026-02-28 8/400 2026-03-01 16:47 by caszguilin
[考研] 寻找调剂 +4 LYidhsjabdj 2026-02-28 4/200 2026-03-01 10:56 by sunny81
[考研] 307求调剂 +4 73372112 2026-02-28 6/300 2026-03-01 00:04 by ll247
[考研] 304求调剂 +3 52hz~~ 2026-02-28 5/250 2026-03-01 00:00 by 52hz~~
信息提示
请填处理意见