haha

Visual C++中Tab View的多种实现方法

 

摘  要：本文介绍VC++实现Tab View的多种方法，简要地分析了各种方法的实现细节和过程。

关键词：标签  文档  视图

 

一、引言

标签控件(Tab Control)是VC++编程中经常使用的控件之一，它允许在单个对话框或窗口中设置多个页面，每个页面代表一组控件。当某个页面的标签被选中时，该页面内的控件就会被显示出来。标签控件使得在有限的窗口空间内可以显示更多的信息，而且分类清晰。同时，VC++提供了以文档/视图（Document/View）结构方式开发应用程序的简单方法，在文档中保存数据，在视图中显示数据。无论是在SDI还是MDI的程序中，每个文档可以对应一个或多个是视图，但常常在显示数据时，需要将同一组数据用不同的视图显示，如列表视图、树型视图等，或者用一个视图显示一部分数据，用另一个视图显示另一部分数据，并且希望能在同一个显示区显示，在需要时进行切换。将标签控制运用到多视图的切换中，就形成了Tab View。

通过上面的分析，我们不难发现，实现一个Tab View主要要完成以下两方面的工作：

  · 实现一个标签窗口。它要具有绘制窗口、响应用户选择、判断处理用户选择等功能。本文对Tab View 实现方法的分类就是根据标签窗口不同划分的。

  · 多个视图之间的切换。根据标签窗口判断用户选择的结果，从多个视图中选择一个，在显示区中显示。

本文分析和总结了三种Tab View的实现方法：

1）利用CTabCtrl控件实现Tab View.

2）利用CSheetCtrl标签选择窗口实现Tab View.

3）利用静态分割窗口实现Tab View.

二、CTabCtrl控件实现Tab View

CTabCtrl是MFC类库中定义的标准控件类，通过对消息TCN-SELCHANGE的处理以及运用函数GetCurSel()、SetCurSel()等，可以很好地完成响应、判断和设置标签控制的工作，因此利用CTabCtrl控件实现Tab View是较容易的方法，如图1所示。

 

图1 CTabCtrl实现的Tab View

1．实现的主要类

//要切换显示的视窗口类

class CMyView1 : public CListView

class CMyView2 : public CView

    //派生的标签控件类

class CViewTabCtrl : public CTabCtrl

    //定义了Tab view的主窗口

class CTabCtrlView : public CWnd

{

   protected:

      CViewTabCtrl m_TabCtl;

   …

}

    class CMainFrame : public CFrameWnd

    {

             CTabCtrlView m_TabView;

        …

     }

2．窗口之间的父子关系以及位置关系

 

     图2 中给出了窗口之间的父子关系。下述代码确定各窗口之间的位置关系。

     void CTabCtrlView::RecalcLayout()

     {   …

         CRect rect;

         // CTabCtrlView窗口的客户区大小

         GetClientRect(&rect);

         m_TabCtl.RecalcLayout(rect, pWnd);

         …

     }

     void CViewTabCtrl::RecalcLayout(CRect & rect, CWnd * wnd)

     {

         //标签控件占据CTabCtrlView窗口的客户区

         SetWindowPos(NULL, rect.left, rect.top, rect.right - rect.left,

                      rect.bottom - rect.top, SWP_NOZORDER);

         //调整要显示的视窗口位置,使其占据标签控件的显示区

         AdjustRect(FALSE, &rect);

         wnd->SetWindowPos(NULL, rect.left, rect.top, rect.right - rect.left,

                           rect.bottom - rect.top, SWP_NOZORDER);

     }

3．多个视之间切换的实现

对于图1 所示的一个SDI的程序，视的切换主要完成下面的工作：

    // 步骤1：设置当前活动的子窗口的ID

    CView* pOldActiveView = GetActiveView();

    ::SetWindowLong(pOldActiveView->m_hWnd, GWL_ID, m_nCurrentExample);

    // 步骤2：生成一个新的与所选择的视窗口对应的运行时类

    CRuntimeClass* pNewViewClass;

    switch (nViewID)// nViewID各个视图的标识

    {

        case ID_MYVIEW1:

            pNewViewClass = RUNTIME_CLASS(CMyView1);

            break;

        case ID_MYVIEW2:

            pNewViewClass = RUNTIME_CLASS(CMyView2);

            break;

         default:

           ASSERT(0);

           return;

    }

    // 步骤3：准备新视图类的相关上下文，创建新的视

    CCreateContext Context;

    Context.m_pNewViewClass = pNewViewClass;

    Context.m_pCurrentDoc = GetActiveDocument();

    CView* pNewView = m_TabView.CreateView(pNewViewClass, CSize(100,100), &Context);

if (pNewView != NULL)

{

        // 步骤4：显示新的视图

        pNewView->ShowWindow(SW_SHOW);

        SetActiveView(pNewView);

        …

        // 步骤5：关闭旧的视图

        pOldActiveView->DestroyWindow();

    }

在视图切换过程中，都需要重新生成新视图，关闭旧的视图。但在某些情况下，希望多个视图窗口能够同时存在，在某时刻只显示一个，而隐藏其它的窗口。可以通过定义下面的数据结构和变量，将每次加入的新视图的窗口信息保存。

typedef struct

{

        CWnd *pWnd;  //窗口指针

        char szLabel[32]; //标签窗口对应该视图的字符串

}TCB_ITEM;

//将每次如入的视图信息保存到列表中

CList <TCB_ITEM *,TCB_ITEM *> m_Views;

在切换时，通过函数SetWindowPos()中设置参数SWP_SHOWWINDOW或SWP_HIDEWINDOW来显示选中的新视图，或隐藏旧视图。采用这种方法，使对视图操作更加灵活，可以很方便在Tab View中添加和删除不同视图。

三、CSheetCtrl标签选择窗口实现Tab View

 

图3  CSheetCtrl实现的高级标签窗口

CSheetCtrl不是MFC类库中的类，它实现了图3中所示的高级标签窗口，用它来实现Tab View的方法和上一个方法基本相同。在程序员大本营网站的VC编程源代码集的[其它控制]分类中，” A Tab-like Sheet Ctrl”程序含有该类源代码，但在使用时要将窗口的切换改为视图切换。

1．标签窗口的创建

CSheetCtrl实现的Attach( )函数，是它与外部的接口。在CTabSheetCtrl 中定义CSheetsWnd m_Sheet ，初始化过程中，通过调用m_Sheet.Attach( this)将CSheetCtrl创建为CTabSheetCtrl窗口的子窗口。

BOOL CSheetsWnd::Attach(CWnd * pWndParent, COLORREF rgbBackground)

{

    //确定了标签窗口的大小和位置

    CRect rect = GetRect(pWndParent);

    …

    BOOL bResult = Create( … , rect , …);

    …

    return bResult;

}

CRect CSheetsWnd::GetRect(CWnd* pWndParent)

{

    CRect rect;

    pWndParent->GetClientRect(rect);

    rect.top = rect.bottom - GetSystemMetrics(SM_CYVTHUMB);

    return rect;

}

 

2．查找所选视图窗口

CSheetCtrl实现了类似于CTabCtrl的功能，如绘制标签窗口、判断用户的选择等。它本身并没有保存任何有关视图的信息，在视图切换时，它通过其父窗口来查找用户所选的视图窗口。

//得到父窗口的第一个的视图子窗口指针函数

CWnd* CSheetsWnd::GetFirstView()

{

    m_pViewFind = GetParent()->GetWindow(GW_CHILD);

    // m_hWnd存放的是CSheetCtrl标签窗口

    //排除CSheetCtrl标签窗口

        while (m_pViewFind && m_pViewFind->m_hWnd == m_hWnd)

             m_pViewFind = m_pViewFind->GetWindow(GW_HWNDNEXT);

        return m_pViewFind;

}  

//得到下一个视图窗口指针函数

CWnd* CSheetsWnd::GetNextView()

{

        if (m_pViewFind)

        {

            m_pViewFind = m_pViewFind->GetWindow(GW_HWNDNEXT);

            while (m_pViewFind && m_pViewFind->m_hWnd == m_hWnd)

                 m_pViewFind = m_pViewFind->GetWindow(GW_HWNDNEXT);

            return m_pViewFind;

        }

        return NULL;

}

按一定的顺序得到所有父窗口（CTabSheetCtrl）的子窗口（CMyView1、CMyView2）指针后，根据每个子窗口的标题所占空间位置，来确定所选择的视图窗口。

//获得第一个视图窗口指针

    CWnd* pChild = GetFirstView();

    while (pChild)

    {

         CRect rect(cx,0,0,0);

         //rect返回绘制该窗口的标题所需的矩形大小

         pDC->DrawText(GetViewTitle(pChild), rect, DEFAULTFORMATDRAWTEXT | DT_CALCRECT);

         rect.top = 0;

         rect.bottom = m_DrawRect.Height();

         if ((aPointX > cx - LRB) && (aPointX  <= cx + rect.Width() + LRB))// aPointX鼠标位置的横坐标

                break;//找到所选视图

         //获得下一个视图窗口的指针

         pChild = GetNextView();

         int next = rect.Width() + 6 + LRB;

         cx += next;

     }

四、静态分割窗口实现Tab View

 

用静态分割窗口CSplitterWnd实现Tab View，其主要的设计思想是通过分割窗口，使用splitter窗口的Pane(0,0)作为切换视的显示区，Pane(0,1)显示类似图3的高级标签窗口CWndTab。CSplitterWnd窗口完成了上面两种方法中CTabCtrlView和CTabSheetView的工作，作为视的窗口和标签窗口的容器。此方法的源代码，在程序员大本营网站也有。

五、结束语

笔者通过分析了多个相关程序的源代码，并且在实际编程过程中，根据需要实现了自己的Tab View。在此简要地总结了三种实现Tab View 的方法，希望对读者的编程能有所帮助。