VC++
6.0中實現三叉切分窗口與多視圖
一、引用
當用戶需要同時對文當的不同部分進行編輯時，常常會用到切分窗口;這些窗口可以都是相同的視，或者一個窗口為列表視，而另一個為樹型視圖。應用程序框架有多種方式來表示多視圖，切分窗口是其中的方式之一。
切分窗口分為動態切分窗口和靜態切分窗口，它們都是由CsplitterWnd類(MFC類庫)來實現的，在這兩種表示方式中，創建同一視圖類的對象是比較容易的(Cview)，而在同一應用程序使用兩個或更多的視圖類(如:ClistView、CtreeView等)，相對來說則要困難一些。
動態切分功能多應用在編輯文本類的軟件中，在實際的開發中，我們經常要用到的是靜態切分功能。靜態切分窗口是指在窗口創建時，切分窗口的窗格就已經創建好了，且窗格的數量和順序不會改變，窗格為一個分隔條所分隔，用戶可以拖動分隔條調整相應窗格的大小。靜態切分窗口最多支持16行´16列的窗格，而且不同的窗格往往使用不同的視圖類。本文主要闡述靜態切分窗口。
二、實例
以單文檔SDI應用程序為例，在框架客戶區實現三叉切分窗口，且每個窗格使用不同的視圖 。
實現步驟:
1、 利用VC++6.0 的AppWizard創建一個單文檔SDI應用程序，項目名為Test。
2、 使用New Class對話框添加新的視圖類:
CinfoView 基類為列表視圖類ClistView
CLineView 基類為表單視圖類CFormView
CMyEditView 基類為編輯視圖類CEditView
要點:在添加ClineView之前，需要先創建一個對話模板資源，ID為IDD_FORMVIEW，
3、 在框架窗口類CMainFrame中聲明一個CsplitterWnd類的成員變量m_wndSplitter1，用于第一次切分。
4、 使用ClassWizard為框架窗口類添加OnCreateClient函數。
注意:OnCreateClient函數的調用在OnCreate函數之后，在構造視圖對象和產生視圖窗口之前。
5、 在OnCreateClient函數中調用CsplitterWnd::CreateStatic，產生靜態切分。該函數的原形如下:
BOOL CreateStatic( CWnd* pParentWnd, int nRows, int nCols, DWORD dwStyle =WS_CHILD | WS_VISIBLE,
UINT nID = AFX_IDW_PANE_FIRST );
函數有5個參數，意義如下:
● pParentWnd:切分窗口的父窗口指針
● nRows:水平方向分隔窗口的數目
● nCols:垂直方向分隔窗口的數目
● dwStyle:切分窗口的風格
● nID:子窗口的ID值，默認為系統定義的AFX_IDW_PANE_FIRST
返回值:如果創建成功，返回非零值(TRUE)，否則返回0(FALSE)。
m_wndSplitter1.CreateStatic(this, 2,1); // 切分為行列
6、 使用CreateView產生每個視圖窗口
virtual BOOL CreateView( int row, int col, CRuntimeClass*
pViewClass, SIZE
sizeInit, CCreateContext*
pContext );
函數有5個參數，意義如下:
● row:窗格的行標，從0開始
● col:窗格的列標，從0開始
● pViewClass:視圖的執行期類CRuntimeClass指針，可以用宏RUNTIME_CLASS獲得
● sizeInit:一個SIZE(或者CSize)類型的數據，指定窗格的初始大小
● pContext:一般是由父窗口傳遞過來，包含窗口的創建信息
返回值:如果創建成功，返回非零值(TRUE)，否則返回0(FALSE)。
OnCreateClient函數的全部代碼:
BOOL CMainFrame::OnCreateClient(LPCREATESTRUCT
lpcs, CCreateContext*
pContext)
{
// TODO: Add your
specialized code here and/or call the base class
CRect rect;
GetClientRect(&rect);
//產生第一次靜態切分
m_wndSplitter1.CreateStatic(this, //父窗口指針
, // 切分的行數
); // 切分的列數
//為第一個窗格產生視圖
m_wndSplitter1.CreateView(0,0, // 窗格的行、列序數
RUNTIME_CLASS(CTestView),//視圖類
CSize(rect.Width(),rect.Height()-rect.Height()/5),//初始化大小
pContext);//父窗口的創建參數
//為第二個窗格產生視圖
m_wndSplitter1.CreateView(1,0,
RUNTIME_CLASS(CMyEditView),
CSize(rect.Width(),rect.Height()/5),
pContext);
return TRUE;//不再調用基類的OnCreateClient函數
//return CFrameWnd::OnCreateClient(lpcs,
pContext);
}
在這里需注意3點:
① 必須為每個靜態切分窗格創建視圖窗口，不能漏掉一個;
② 必須包含相應的類的頭文件，在MainFrm.cpp文件的開始包含一下頭文件:
#include "TestView.h"
#include "MyEditView.h"
③產生靜態切分后，就不能調用默認的基類的OnCreateClient函數。
7、 在視圖窗口類CTestView中聲明一個CsplitterWnd類的成員變量m_wndSplitter2，用于第二次切分。
8、 使用ClassWizard為視圖窗口類CTestView添加OnCreate函數，在該函數中調用CreateStatic函數和CreateView函數,類似CMainFrame::OnCreateClient函數中的調用
代碼如下:
int CTestView::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
if (CView::OnCreate(lpCreateStruct) == -1)
return -1;
// TODO: Add your
specialized creation code here
CRect rect;
GetClientRect(&rect);
//獲得窗口的創建信息指針
CCreateContext *pContext = (CCreateContext*) lpCreateStruct->lpCreateParams;
//產生二次靜態切分
m_wndSplitter2.CreateStatic(this,1, 2);
//為第一個窗格產生視圖
m_wndSplitter2.CreateView(0,0,// 窗格的行、列序數
RUNTIME_CLASS(CLineView),//視圖類
CSize(rect.Width()/4,rect.Height()),//初始化大小
pContext);//父窗口的創建參數
//為第二個窗格產生視圖
m_wndSplitter2.CreateView(0,1,
RUNTIME_CLASS(CInfoView),
CSize(1,1),
pContext);
return 0;
}
注意:二次切分的父窗口是第一次切分的第一個窗格，其視圖類是CTestView
9、使用ClassWizard為視圖窗口類CTestView添加OnSize函數，在該函數中調用子函數
SwitchView()，子函數的代碼如下:
void CTestView::SwitchView()
{
CRect rect;
GetClientRect(&rect);
int cx = rect.Width();
int cy = rect.Height();
m_wndSplitter2.MoveWindow(-2,-2,cx,cy+3);
m_wndSplitter2.SetColumnInfo(0, cx/4,0);
m_wndSplitter2.SetColumnInfo(1, cx-cx/4, 0);
m_wndSplitter2.RecalcLayout();
}
該子函數主要用于設置二次切分后的各列信息，通過CSplitterWnd::SetColumnInfo函數實現，原型為:void SetColumnInfo( int col, int cxIdeal, int cxMin );
由3 個參數，意義如下:
● col:切分窗口的列標識
● cxIdeal:列的實際寬度，單位為像素
● cxMin:列的最小寬度，單位為像素
本示例的運行結果如下:
10、因為每個CView派生類都已經繼承了GetDocument()函數，因此只要在調用時直接調用無需再在其中聲明GetDocument()函數了，調用后再進行類型強制轉換應該就可以了。比方，在cmyview.h中注釋掉
// Attributes
// CTestDoc* GetDocument();
在cmyview.cpp中注釋掉
//CTestDoc* CTestView::GetDocument()
// non-debug version is inline
//{
//ASSERT(m_pDocument->IsKindOf(RUNTIME_CLASS(CTestDoc)));
//return (CTestDoc*)m_pDocument;
//}
并在OnDraw中試用如下代碼
void CTestView::OnDraw(CDC* pDC)
{
CTestDoc* pDoc =(CTestDoc*)CTestView::
GetDocument();
ASSERT_VALID(pDoc);
// TODO: add draw code for native data here
}
三、總結
切分窗口的形式和每個窗格所使用的視圖類可以根據實際需要來確定，以滿足程序的不同應用。本示例使用了三叉切分，視圖類使用了列表視圖類CListView、表單視圖類CFormView、編輯視圖類CEditView，在VC++6.0下調試通過。
三叉切分的方法并不唯一，本文實例是我在實際開發中總結的一種方法，讀者可以通過本例舉一反三，掌握切分窗口與多視圖相結合的精髓所在
一、關于CSplitterWnd類
1、用來創建動態切分窗口
BOOL
Create(CWnd* pParentWnd,int nMaxRows,int nMaxCols,SIZE sizeMin,CCreateContext* pContext,DWORD dwStyle,UINT nID);
2、用來創建靜態切分窗口
BOOL
CreateStatic(CWnd* pParentWnd,int nRows,int nCols,DWORD dwStyle,UINT nID)
3、為靜態切分的窗口的網格填充視圖
BOOL
CreateView (int row,int col,CruntimeClass* pViewClass,SIZE sizeinit,CcreateContext* pContext);
4、參數說明
pParentWnd
切分窗口的父框架窗口。
nMaxRows,nMaxCols是創建的最大的列數和行數。
sizeMin是窗格的現實大小。
pContext 大多數情況下傳給父窗口。
nID是字窗口的ID號.
二、創建嵌套分割窗口
1、動態分割窗口
動態分割窗口使用Create方法，例：m_wndSplitter.Create(this,2,2,CSize(100,100),pContext); 但是一般不使用動態分割，不實用
2、靜態分割窗口(適用于SDI、MDI程序）
1）創建單文檔ww,生成的視類為CWwView,從CFormView繼承,在增加個視類或者從視類繼承而來的派生類CView2、CView3
2）在框架類CMainFrame的.cpp文件中加入頭文件,并在CWwView類定義前加上class
CWwDoc;
#include
"view2.h "
#include
"view3.h "
#include
"wwView.h " //注意這里,必須在CWwView類定義前加上class CWwDoc;否則編譯條錯誤
3）在框架類CMainFrame中增加成員：
CSplitterWnd m_wndSplitter1;
CSplitterWnd m_wndSplitter2;
4）利用ClassWizard重載CMainFrame::OnCreateClient()函數
//--------------------------------------------------
BOOL
CMainFrame::OnCreateClient(LPCREATESTRUCT
lpcs,
CCreateContext* pContext)
{
//創建一個行列
m_wndSplitter1.CreateStatic(this,1,2);
//將CWwView連接到行列窗格上
m_wndSplitter1.CreateView(0,0,RUNTIME_CLASS(CWwView),CSize(100,100),pContext);
//將窗口右邊再分開行列
m_wndSplitter2.CreateStatic(&m_wndSplitter1,2,1,WS_CHILD|WS_VISIBLE, m_wndSplitter1.IdFromRowCol(0, 1));
m_wndSplitter2.CreateView(0,0,RUNTIME_CLASS(CView2),CSize(100,100),pContext);
m_wndSplitter2.CreateView(1,0,RUNTIME_CLASS(CView3),CSize(100,100),pContext);
return TRUE;
}
//-------------------------------------------------
注意:
①
必須為每個靜態切分窗格創建視圖窗口，不能漏掉一個;
②
如果從一個CformView類繼承的視類,此對話框要作如下設置
style＝Child
Border＝None
Visible＝不選中
②
若在CWwView窗口上放入一TreeCtrl,為了在改變窗口時隨窗口大小而改變(類似CB中的居中),可以在CWwView類的WM_SIZE中添加代碼如下:
//-------------------------------------------------
void
CWwView::OnSize(UINT nType, int cx, int cy)
{
CFormView::OnSize(nType, cx, cy);
// TODO: Add
your message handler
code here
if (GetSafeHwnd())
{
CRect rect;
GetClientRect(&rect);
if (m_TreeCtrl.GetSafeHwnd())
m_TreeCtrl.MoveWindow(&rect);
}
}
//------------------------------------------------
//在WM_ONINITALUPDATE消息中,添加初始化數據
void
CWwView::OnInitialUpdate()
{
CFormView::OnInitialUpdate();
GetParentFrame()-> RecalcLayout();
ResizeParentToFit();
//上面的代碼不用管,是啥就是啥,
m_TreeCtrl.InsertItem(
"ListCtrl View ",1, 1);
m_TreeCtrl.InsertItem(
"EditCtrl View ",2, 2);
}
三、實現各個分割區域的通信
點擊Button1按鈕,在CView2中顯示文字
1、在CWwView的.cpp文件中加入：
#include
"view2.h "
#include
"MainFrm.h "
2、添加按鈕代碼：
//-------------------------------------------------
void
CWwView::OnButton1()
{
//得到一SplitterView的指針
CView2 *pView=(CView2*)(((CMainFrame*)AfxGetMainWnd())->
m_wndSplitter2.GetPane(0,0));
//定義View的DC
CClientDC dc(pView);
dc.MoveTo(10,10);
dc.LineTo(10,100);
dc.TextOut(10,10, "m_wndSplitter2的行列就是CView2 ");
}
//-------------------------------------------------
VC項目開發之單文檔多視圖實現
k_eckel：http://www.mscenter.edu.cn/blog/k_eckel
多視圖是VC開發中經常要用到的技術之一，一般地實現單文檔多視圖有兩種方式1）通過視圖分割的技術（使用CSplitterWnd實現），將窗口分割為多個部分，每個部分顯示各自顯示不同的視圖，這種技術實現起來比較簡單，并且相關的資料也很多。2）通過一個文檔關聯多個視圖，窗口顯示整個視圖。第二種實現較第一種復雜，這里給出詳細的實現方法。
Step 1：使用VC 6.0新建一個Project，命名為：MultiView。除選擇單文檔屬性外，一切使用“默認”方式。于是你可以獲得五個類：CMainFrame ，CMultiViewApp，CMultiViewDoc，CMultiViewView，和CAboutDlg；
Step 2：新建一個新的視圖View，添加一個新的MFC Class（Insert－>New Class），基類為CView（或者CView的派生子類，如CEditView等）。類的名字為CAnotherView，這就是新的視圖；并為CAnotherView添加GetDocument的實現：
CMultiViewDoc* CAnotherView::GetDocument() { return (CMultiViewDoc*)m_pDocument; } |
Step 3：在CMultiViewApp添加成員變量記錄這兩個視圖：
private: CView* m_pFirstView; CView* m_pAnotherView; |
給程序菜單IDR_MAINFRAME添加一個菜單項目“視圖”，該菜單項有兩個子菜單“視圖一”和“視圖二”，添加相應函數（void CMultiViewApp:: OnShowFirstview（）和void CMultiViewApp:: OnShowSecondview（））；
Step 4：創建新的視圖：在BOOL CMultiViewApp::InitInstance()中添加代碼：
……. //創建一個新的視圖 CView* m_pActiveView = ((CFrameWnd*)m_pMainWnd)->GetActiveView(); m_pFirstView = m_pActiveView; m_pAnotherView = new CAnotherView();
//文檔和視圖關聯 CDocument* m_pDoc = ((CFrameWnd*)m_pMainWnd)->GetActiveDocument();
CCreateContext context; context.m_pCurrentDoc = m_pDoc;
//創建視圖 UINT m_IDFORANOTHERVIEW = AFX_IDW_PANE_FIRST + 1; CRect rect; m_pAnotherView->Create(NULL,NULL,WS_CHILD,rect,m_pMainWnd, m_IDFORANOTHERVIEW,&context); …… |
Step 5：現在已經創建了視圖，并且都和文檔關聯起來了。現在要作的就是視圖間的轉換。在void CMultiViewApp:: OnShowFirstview（）中添加實現代碼：
void CMultiViewApp::OnShowFirstview() { // TODO: Add your command handler code here UINT temp = ::GetWindowLong(m_pAnotherView->m_hWnd, GWL_ID); ::SetWindowLong(m_pAnotherView->m_hWnd, GWL_ID, ::GetWindowLong(m_pFirstView->m_hWnd, GWL_ID)); ::SetWindowLong(m_pFirstView->m_hWnd, GWL_ID, temp);
m_pAnotherView->ShowWindow(SW_HIDE); m_pFirstView->ShowWindow(SW_SHOW); ((CFrameWnd*)m_pMainWnd)->SetActiveView(m_pFirstView); ((CFrameWnd*) m_pMainWnd)->RecalcLayout(); m_pFirstView->Invalidate(); } |
在void CMultiViewApp:: OnShowSecondview（）中添加實現代碼：
void CMultiViewApp::OnShowSecondview() { // TODO: Add your command handler code here UINT temp = ::GetWindowLong(m_pAnotherView->m_hWnd, GWL_ID); ::SetWindowLong(m_pAnotherView->m_hWnd, GWL_ID, ::GetWindowLong(m_pFirstView->m_hWnd, GWL_ID)); ::SetWindowLong(m_pFirstView->m_hWnd, GWL_ID, temp);
m_pFirstView->ShowWindow(SW_HIDE); m_pAnotherView->ShowWindow(SW_SHOW);
((CFrameWnd*)m_pMainWnd)->SetActiveView(m_pAnotherView); ((CFrameWnd*) m_pMainWnd)->RecalcLayout(); m_pAnotherView->Invalidate(); } |
Step 6：為了演示，這里將不同的視圖給予一個標記，在CMultiViewView和CAnotherView的OnDraw方法中分別添加以下代碼：
pDC->TextOut(400,300,"First View"); pDC->TextOut(400,320,pDoc->GetTitle()); |
和
pDC->TextOut(400,300,"Another View"); pDC->TextOut(400,320,pDoc->GetTitle()); |
至此就大功告成了，但是實現過程中有4點說明：
1） 實現中由于使用到相關的類，因此在必要的地方要include相關的頭文件，這里省略；CAnotherView的默認構造函數是Protected的，需要將其改為Public，或者提供一個產生CAnotherView對象的方法（因要創建視圖對象）；
2） 這里給出的是一個示例代碼，實際開發中可以通過參考實現獲得自己想要實現的具體應用情況（例如視圖類的不同、數量不同，更重要的還有業務邏輯的不同實現等）；
3） 本文的示例代碼已上傳到Blog，可以通過下面的地址獲得代碼。