VC知识库文章 - 实现类似Excel和Visual C++里文件夹式样的标签控制（三）

实现类似Excel和Visual C++里文件夹式样的标签控制（三）
——实例应用之功能扩充

编译/

    在本文的前面和中，我们描述了CFolderTabCtrl标签控制的设计思想、创建过程以及工作原理，通过一个实用程序分析了将CFolderTabCtrl与MFC框架结构融于一体的思路以及关键技巧。CFolderTabCtrl的主要目的是仿真Excel和Visual C++应用程序中标签控制页的UI功能。在这一部分我们将进一步增强和完善CFolderTabCtrl标签控制的仿真效果以及可重用性。内容包括创建多个标签页、并增加让标签页左右滚动的箭头按钮，这两个按钮上分别是示意左右的小三角形。
    我们将以里一篇关于图像显示的文章中所附带的源代码作为例子，将CFolderTabCtrl实现的标签控制功能应用到图像显示程序中。原来的程序是一个MFC程序，它通过一个C++类（CPicture）封装Windows系统提供的IPicture 低级COM接口，使我们能轻松地显示各种格式图像文件，包括*.gif、*.jpg、*.bmp和DIBs文件。有关图像显示的具体细节不是本文要讨论的内容，具体细节请参考文章——“”。
    首先，我们来看看如何实现箭头按钮？我的基本思路是将按钮作为CFolderTabCtrl的自绘窗口来创建，将标签放置在按钮的右边。如图一所示：


图一 程序中有13个标签页

    为实现这个按钮，我创建了一个新类，CFolderButton。它个类是一个自绘按钮类，它有一个DrawItem函数负责绘制按钮，而不是用位图按钮。我选择用GDI类绘制表示左右的三角形，这样的话就不用担心由于缩放而导致的边缘显示问题。CFolderButton::DrawItem自己能绘制三角形来适应按钮的大小。按钮在置灰状态时用3D阴影颜色表示，但按钮被按下时，用象素替换的方法表示按钮状态。CFolderButton还处理鼠标消息以实现两个专用的特性，通常，按钮时不响应双击操作的，但这个按钮可以处理双击鼠标事件，它使得标签滚动两页。也就是说双击相当于两次单击一样。下面是实现代码：

void CFolderButton::OnLButtonDblClk  (UINT nFlags, CPoint pt)
{
  SendMessage(WM_LBUTTONDOWN,   
  nFlags,   
  MAKELONG(pt.x,pt.y));
}      

    另一个特性是用户按着按钮不放，则标签会一直滚动，直到标签的端口。实现这个特性的方法是用一个定时器，当定时器被激活时，CFolderButton向它的父窗口发送一个WM_COMMAND消息，就好像按钮已经被压下一样。

void CFolderButton::OnTimer(UINT nIDEvent)
{
  GetParent()->SendMessage(WM_COMMAND, GetDlgCtrlID());
}      

    详细的实现细节请参考本文的源代码。实际上，CFolderButton::OnTimer的实现是有一个启动延时的，所以持续滚动特性犹如键盘操作一样：在重复按下之前有轻微的延时。
CFolderButton并不知道有标签页以及如何滚动它们。它只知道如何画出按钮并响应鼠标行为。当用户按下按钮，Windows将WM_COMMAND/BN_CLICKED消息发送到父窗口：也就是CFolderTabCtrl。CFolderTabCtrl才能使标签页滚动。CFolderTabCtrl是按钮和标签的操纵者，就有点象组合框（ComboBox）操纵其编辑框、下拉按钮和列表框一样。
    在CFolderTabCtrl中添加滚动按钮需要对几个地方进行修改。首先，你必须创建按钮。在哪里创建呢？记住！无论你什么时候创建有子窗口的复合控制，都应该在OnCreate中进行。

// 在 CFolderTabCtrl::OnCreate 中
if (m_dwFtabStyle & FTS_BUTTONS) {
  CRect rc;
  for (int id=FTBPREV; id<=FTBNEXT; id++) {
    VERIFY(m_wndButton[id-1].Create(
      WS_VISIBLE|WS_CHILD, this, rc, id));
  }
  m_cxButtons = 2*CXBUTTON;
}      

    FTS_BUTTONS是CFolderTabCtrl显示按钮的新式样。FTBPREV和FTBNEXT是枚举类型，其值分别为1和2，用于标示按钮的IDs。
    在Windows系统里，你只要有子窗口，就必须管理它们的大小。这个工作由CFolderTabCtrl::OnSize专门负责。现在标签控制中加入了按钮，你就必须修改CFolderTabCtrl::OnPaint函数，将标签画在按钮的右边。为此不用修改原来的绘制代码，只要改一下视图窗口就可以了：

// x origin = (按钮的宽度) - (第一个标签页的x 坐标);
int xOrigin = m_cxButtons - 
  GetTab(m_iFirstTab)->GetRect().left;
dc.SetViewportOrg(xOrigin,0);      

    设置完这个视图窗口后，你不用修改原来的代码便能正确切换标签。其中的转换发生在GDI内部的底层。
    最后一个难题是处理按钮的单击。这个任务落在了CFolderTabCtrl对WM_COMMAND/BN_CLICKED消息的处理上。下面是关键代码：

BEGIN_MESSAGE_MAP(CFolderTabCtrl, CWnd)
  ……
  ON_BN_CLICKED(FTBNEXT,OnNextTab)
END_MESSAGE_MAP()
   
void CFolderTabCtrl::OnNextTab()
{
  if (m_iFirstTab < m_lsTabs.GetCount()-1) {
    m_iFirstTab++;
    Invalidate();
    UpdateButtons();
  }
}

    CFolderTabCtrl递增m_iFirstTab并重画。同时调用UpdateButtons函数更新按钮的状态（Enabled）。如果第一个标签可见，也就是左边不会再有标签，UpdateButtons便置灰左边按钮；如果最后一个标签完全可见，也就是右边不会再有标签，UpdateButtons便置灰右边按钮。其实，标签除了占据屏幕空间外不做任何事情。实现细节请参考源代码。(完)
--------------------next---------------------

在实际应用中我需要改变框架，请问怎么办？
具体改变如下：
多文档框架一启动并没有一个默认的新文档，但那标签需要出现在状态栏上方（那时是隐藏的），在我打开一个FROMVIEW后它即出现，且自动增加一个与FROMVIEW标题相应的标签，当所有FROMVIEW关闭后它自动隐藏。注意，我的FROMVIEW都有自己的类。
其实，我只是想用它在多文档框架中实现快捷切换多个不同的子窗口罢了，折腾了半晚上没弄出来，只怪我水平太低了，请教。 ( lcy_888 发表于 2008-1-5 10:04:00)
 
拖动sizebar的时候太闪烁了,怎么解决上手呢? ( kechangli 发表于 2006-11-29 17:47:00)
 
如果实现的是一个listview  该如何做？？ ( child_le 发表于 2005-4-13 10:02:00)
 
Not bad. But there are also lots of problems need to be solved. ( VC70新手 发表于 2003-3-26 13:52:00)
 
.......................................................

--------------------next---------------------