基于CDialogBar的IE多标签栏的实现

基于CDialogBar的IE多标签栏的实现2010-09-29 vckbase 郑瑜IE浏览器的多标签模式已日趋占据浏览器市场的主流模式。回忆IE6.0时代的单文档多实例年代，那浏览多网页是何等的痛苦。原本有限的空间就要被那些烦琐的网页所占据，要从这些烦琐的网页中切换到自己目的网页更是何等的不便。现在很多第三方IE浏览器对IE浏览器所显示出来的弊病虎视眈眈许久，多标签浏览器也应运而生。遨游、世界之窗、TT等如今都是拜多标签浏览器之福，早早占领了市场，占据了一席之地。而如今微软也知道自己浏览器帝国的根基也岌岌可危，其怎可示弱，IE7.0也就相继问世。

IE多标签栏的主要特点是：单实例多文档模式，文档间的切换是通过标签实现。一个实例就可以包容多个文档，察看网页是何其的方便。

构成IE多标签栏的界面要素包括工具栏和标签。工具栏采用CDialogBar做为标签的容器，标签采用自绘按钮来实现,CtabCtrl做标签不容易实现自绘（自绘的时候有灰色的border出现）。

在CDialogBar的宽度发生改变的时候，其上面的按钮标签应做适当的调整。当然在足够容纳按钮标签的时，可以给一个设定值。若空间有限的话，则就适当缩小标签的大小，其上的内容通过提示框提示。所以只要响应CdialogBar的WM_SIZE来调整标签的摆放方式。至于标签栏的自绘通过响应WM_PAINT消息就可以做到。

void CTabBar::OnSize（UINT nType, int cx, int cy）
{
  CDialogBar::OnSize（nType, cx, cy）;
  CRect rcClient;
  GetClientRect（rcClient）;
  int nBarWidth=rcClient.Width（）;
  int nTabWidth=nBarWidth-120;
  int nCount=m_ptrArray.GetCount（）;

  if（nCount*m_nWidth>nTabWidth）
  {
    //平均分配位置
    int nAveWidth=nTabWidth*1.0/nCount;
    for（int i=0; i<nCount; i++）
    {
      CRect rcBtn;
      TABINFO* pTabInfo=（TABINFO*）m_ptrArray.GetAt（i）;
      pTabInfo->pTabButton->GetClientRect（&rcBtn）;
      pTabInfo->pTabButton->MoveWindow（nAveWidth*i,
                   （rcClient.Height（）-rcBtn.Height（））/2,
                   nAveWidth,
                   m_nHeight,
                   FALSE）;
    }
  }
  else
  {
    //固定大小
    for（int i=0; i<nCount; i++）
    {
      CRect rcBtn;
      TABINFO* pTabInfo=（TABINFO*）m_ptrArray.GetAt（i）;
      pTabInfo->pTabButton->GetClientRect（&rcBtn）;
      pTabInfo->pTabButton->MoveWindow（m_nWidth*i,
                 （rcClient.Height（）-rcBtn.Height（））/2,
                 m_nWidth, m_nHeight, FALSE）;
    }
  }
  Invalidate（）;
}