静态分割窗口与多视图实例

静态分割窗口与多视图实例

所谓多视，是指在同一个框架窗口下同时显示多个视图。通过运用这种技术，可以在框架的有限的空间内同时提供给用户更大的信息量，并且使得用户界面更加的友好，增强了软件的可操作性。

窗口分割的基本概念

按照分割的时机的不同，窗口分割可以分为两类：动态分割和静态分割。

动态分割是指用户可以动态的分割和合并窗口。动态分割最多可以有2行2列个窗口，并且所有的窗格只能使用同一种视图类。 静态分割是指窗口在创建时，分割窗格窗口的窗格已经创建好了，且窗格的数量和顺序不会改变了，窗格为一个分隔条所分割，用户可以拖动分割条调整相应的窗格的大小。静态分割窗口最多可以有16行16列的窗格，但是各个窗格可以使用不同的视图类。

无论创建那一种分割，都必须在创建时指定最大的行数和列数，这些值是有CSplitterWnd对象进行管理。对于静态分割，必须创建指定数目的所有窗格以填满行和列。而对于动态分割，第一个窗格将在框架创建CSplitterWnd对象时自动创建。 窗口分割支持类CSplitterWnd

CSplitterWnd类主要为窗口的风格提供了封装，窗口被分厂各个窗格后，又该类的对象负责管理。对于windows而言，CSplitterWnd 是一个真正的窗口，它完全占据了框架窗口的用户区域，而视图则占据了分割窗口的床片区域。CSplitterWnd窗口不参与命令传递机制。

使用时，CSplitterWnd对象通常为其父框架窗口CFrameWnd或CMDIChildWnd（MID应用中）对象的内嵌成员。CSplitterWnd对象创建过程如下。 在父框架窗口中嵌入CSplitterWnd类的对象成员；

重载父框架窗口的CFrameWnd::OnCreateClient成员函数；

从上一步重载的函数内部调用Create创建动态分割窗口或者调用CreateStatic创建静态的分割窗口。

下面介绍CsplitterWnd类的几个常用的函数

创建动态分割窗口函数Create

该函数用于动态创建分割窗口，同时将该窗口与类CSplitterWnd相关联，其生声明如下：

BOOL Create(CWnd* pParentWnd, int nMaxRows, int MaxCol, SIZE sizeMin, CcreateContext* pContext, DOWRD dwStyle = WS_CHILD | WS_VISIBLE | WS_HSCROLL | WSVSCROLL | SPLS_DYNAMIC_SPLIT, UINT nID=AFX_IDW_PANE_FIRST);

各主要参数的含义如下：

pParentWnd：分割窗口的父框架窗口的指针

nMaxRows和你MaxCols：行与列的最大值，二者均不大于二

sizeMin：指定窗格被显示时的最小值。例如拖动分割框的幅度小于相应的值时，窗格将不会显示，但是可以调用该类的另外两个成员对此值进行改变。

BOOL CMainFrame::onCreateClient(LPCREATESTRUCT lpcs,CcreateConText* pContext) {

return m_wndSplitter.Create(this ,2,2, /*设置行与列的数目*/Csize(10,10), /*窗格显示时最小值*/ pContext);

}

创建静态分割窗口函数CreateStatic

该函数用于创建静态分割窗口，同时将该窗口与类CSplitterWnd相关联，其声明如下： BOOL CreateStatic(CWnd* pParentWnd, int nRows, int nCols, DWORD dwStyle=WS_CHILD|WSVISBLE,UINT nID=AFX_IDW_PANE_FIRST); 主要参数的含义如下：

pParentWnd：分割窗口的父框架窗口指针

nRows和nCols：行与列的最大值，二者均不大于16

dwStyle：窗口风格，默认为子窗口可见，如果添加滚动条，则需另外设置WS_HSCROLL和WS_VSCROLL。

创建窗格视图函数CreateView

CreateView函数为静态分割窗口创建窗格视图，在框架显示分割窗口之前，静态分割窗口的所有窗格都必须创建完毕。其声明如下：

Virtual BOOL CreateView(int row,int col,CRuntimeClass* pViewClass,SIZE sizeInit, CcreateConText *pContext); 各个主要参数的含义如下：

row ：分割窗口中新建视图所在的行。 col：分割窗口中新建视图所在的列。

pViewClass：新建视图的CRuntimeClass的指针。 sizeInit：新建视图的初始化大小。

创建静态分割窗口，并指定各窗格的视图的典型代码如下：

BOOL CMainFrame::OnCreateClient(LPCREATESTRUCT lpcs,CcreateConText* pContext) {

BOOL bCreateSpltr=m_wndSplitter.CreateStatic(this,2,1);//静态分割

m_wndSplitter.CreateView(0,0,RUNTIME_CLASS(COneView),CSize(0,0),pContext); m_wndSplitter.CreateView(1,0,RUNTIME_CLASS(CAnotherView),CSize(0,0),pContext); return (bCreateSpltr); }

另外，CSplitterWnd还提供了一些用于获取和设置窗格属性的函数，常用的函数及其功能如下表。

CSplitterWnd类中的其他常用函数及实现的功能 成员函数 GetColumnCount GetRowCount SetRowInfo SetColnuInfo OnDrawSplitter OnInvertTracker 获取窗口分割的窗格的列数 获取窗口分割的窗格的行数 为窗格行设置最小宽和理想宽，行的最小值决定了行何时因为太小而不能显示 为窗格列设置最小高和理想好，列的最小值决定了列何时因为太小而不能显示 此函数有框架负责调用，主要用来绘制或者指定分割窗口的确切特性 使用设置分割条的属性，该函数在调整窗格大小期间有框架负责调用 函数说明 静态分割与多视图实例

实例说明

实例为一个基于单文档的MFc应用程序，通过静态分割窗口的方式三叉切分窗口，即共有三个窗格。程序实现的功能是用户可以输入学生的信息，并添加到列表视图中。程序最终运行的结果如下图：

程序运行结果

其中左侧的基本信息输入的窗格采用的是CFormView类型的视图，在用户可以其中进行信息的录入，单击“提交”按钮，数据就添加道文档中了，并在右侧的列表视图中显示。右侧信息显示的窗格采用的是CListView类型的视图，显示文档中存储的所有学生信息。而底部的窗格采用的是CEditView类型的视图，用于提示用户上一步添加的数据。下面介绍具体的实现过程。

创建工程

使用AppWizard创建一个基于单文档的应用程序框架工程，工程名为“Guo”，其余的现象均采用默认设置。 添加视图类

需要为3个窗格添加3个视图类。CLeftFormView、CTopListView、CBottomEditView，其基类分别为CFormView、CListView和CEditView。 1、CLeftFormView类的实现

A、 添加对话框资源模板：添加CLeftFormView类之前，首先要向工程中添加CLeftFormView视图中对话框模板，如下图所示： 对话框模板的ID为“IDD_DIALOG1”，其Style属性设置为“Child”，Bolder属性设置为“None”。

B、添加CLeftFormView类。执行“Insert”→“New Class”菜单命令，弹出“New Class”对话框，在其中的Name编辑框中输入类名“CLeftFormView”，在Base Class列表框中选择基类“CFormView”选项，在Dialog ID列表框中选择“IDD_DIALOG1”对话框资源。单击Ok即可实现CLeftFormView类的添加。 C、添加CLeftFormView类的相关资源：利用Class Wizard在CLeftFormView中，为对话框模板的4个编辑控件分别添加CString类型的成员变量m_Num、m_Name、m_Magor、m_Home，并为“提交”按钮添加BN_CLICKED消息响应函数OnSubmit()。

2、CTopListView类的实现 同样使用“New Class”对话框，添加CTopListView类，将其基类选择类型为CListView。然后使用Class Wizard重载该类的PreCreateWindow()函数，在其中定义列表视的类型，代码如下：

BOOL CTopListView::PreCreateWindow(CREATESTRUCT& cs) {

// TODO: Add your specialized code here and/or call the base class cs.style=cs.style|LVS_REPORT;// 设置成报告列表的显示形式

return CListView::PreCreateWindow(cs); }

使用Class Wizard重载CTopListView类的OnInitialUpdate()函数，在其中添加列表的表头，代码如下：

void CTopListView::OnInitialUpdate() {

CListView::OnInitialUpdate();

// TODO: Add your specialized code here and/or call the base class CString m_ColumnLabelStr[]={\学号\姓名\专业\籍贯\ //表头字段

CListCtrl& listctrl=GetListCtrl();//获取列表的控件 DWORD dwStyle = listctrl.GetExtendedStyle();

dwStyle |= LVS_EX_FULLROWSELECT;

// 选中某行使整行高亮（只适用与report风格的listctrl） dwStyle |= LVS_EX_GRIDLINES; dwStyle |=LVS_EX_UNDERLINEHOT;

listctrl.SetExtendedStyle(dwStyle);//列表风格 int width[6]={80,80,110,150}; for(int i=0;i<4;i++) {

listctrl.InsertColumn(i,m_ColumnLabelStr[i],LVCFMT_LEFT,width[i]); //设置表头 }

}

3、 CBottomEidtView类的实现

同样使用New Class对话框，添加CBottomEditView类，将其基类选择为“CEditView”。而后使用Class Wizard重载该类的OnInitialUpdate()函数，在其中实现初始化设置，代码如下：

void CBottomEditView::OnInitialUpdate() { CEditView::OnInitialUpdate(); // TODO: Add your specialized code here and/or call the base class CEdit &mEdit=GetEditCtrl(); //获取编辑视图的控件 mEdit.SetWindowText(\等待用户输入学生的信息！\设置显示信息 mEdit.EnableWindow(FALSE); //编辑控件不可编辑 }

静态分割窗口的实现

窗口的分割过程中是首先在主框架CMainFrame中，将窗口分割成上下两个窗格，对应的视图分别为CGuoView和CBottomEditView。而后，再在CGuoView视图中将窗格分为左右两个窗格，对应的视图分别为CLeftFormView和CTopListView，实现过程如下。

1、 在CMainFrame类的头文件中，声明一个CSplitterWnd类的成员变量

m_wndSplitter1，用于第一个窗口的分割

protected: // control bar embedded members CStatusBar m_wndStatusBar; CToolBar m_wndToolBar;

CSplitterWnd m_wndSplitter1; //用于产生第一次的静态的分割 2、 使用Class Wizard重载CMainFrame类的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, //父窗口指针 2,1); //行数与列数 m_wndSplitter1.CreateView(0,0, //窗格的行列序数

RUNTIME_CLASS(CGuoView),//视图类

CSize(rect.Width(),rect.Height()-rect.Height()/5),pContext);//父窗口创建参数

m_wndSplitter1.CreateView(1,0,RUNTIME_CLASS(CBottomEditView),

CSize(rect.Width(),rect.Height()/5),pContext);

//不在调用基类的OncreateClient函数 return true; }

包含相应的头文件，在MainFrame.cpp文件的开始加入下列语句

#include \

#include \

3、 在视图窗口类CGuoView的头文件中声明一个CSplitterWnd类的成员变量

m_wndSplitter2，用于第二次窗口分割。 protected:

CSplitterWnd m_wndSplitter2; //用于第二次窗口的分割 4、 使用Class Wizard重载CGuoView类的OnCreateClient()和OnSize()函数，

实现窗口第二次分割并设置窗格的大小。

int CGuoView::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(CLeftFormView),//视图类 CSize(rect.Width()/4,rect.Height()),// pContext); //为第二个窗格产生视图

m_wndSplitter2.CreateView(0,1,RUNTIME_CLASS(CTopListView),CSize(1,1),pContext); return 0; }

void CGuoView::OnSize(UINT nType, int cx, int cy)

{

CView::OnSize(nType, cx, cy);

// TODO: Add your message handler code here CRect rect;

GetClientRect(&rect); int x=rect.Width(); int y=rect.Height();

m_wndSplitter2.MoveWindow(-2,-2,x,y+3);

m_wndSplitter2.SetColumnInfo(0,x/4,0); //左边窗格位置 m_wndSplitter2.SetColumnInfo(1,x-x/4,0); //右边窗格位置 m_wndSplitter2.RecalcLayout(); }

至此，窗口的分割完成，编译运行程序，就会发现三叉窗口已经实现。如果在编译连接程序的时候出现如下面的错误：

c:\\documents and settings\\chenqi\\桌面\\guo\\guoview.h(23) : error C2143: syntax error : missing ';' before '*'

c:\\documents and settings\\chenqi\\桌面\\guo\\guoview.h(23) : error C2501: 'CGuoDoc' : missing storage-class or type specifiers

c:\\documents and settings\\chenqi\\桌面\\guo\\guoview.h(23) : error C2501: 'GetDocument' : missing storage-class or type specifiers

则可以在CGuoView类头文件的前面加上这么一句class CGuoDoc; 就没有问题了。

窗格视图与文档的交互

窗口中分割的各窗格视图对应着同一文档对象CGuoDoc，每个CView派生类都已经继承了GetDocument()函数，因此只要在调用后进行类型的强制转换就可以获取文档的对象。如：CGuoDoc* pDoc=(CGuoDoc*)GetDocument();

本实例在文档对象CGuoDoc中，通过数组类对象存储学生信息，当在CLeftFormView视图中，输入学生信息单击“提交”按钮时，就将输入信息写入文档中的数组对象，并重绘各视图。

1、在CGuoDoc类的头文件中声明数组对象和数据修改标记，如下： Public:

CStringArray infoArray[4]; bool add;

并在构造函数中将add的值初始化为FALSE。

2、在CLeftFormView类的按钮响应函数OnSubmit()中，添加代码实现控件数据的保存并更新所有视图。 void CLeftFormView::OnSubmit() {

// TODO: Add your control notification handler code here UpdateData(TRUE); // 获取对话框的控件数据

if(m_Num.IsEmpty()||m_Name.IsEmpty()) //判断是否为空 { AfxMessageBox(\学号和姓名不能为空！\

CGuoDoc* pDoc=(CGuoDoc*)GetDocument();// 获取文档

pDoc->infoArray[0].InsertAt(0,m_Num); // 输入数据插入数据 pDoc->infoArray[1].InsertAt(0,m_Name); pDoc->infoArray[2].InsertAt(0,m_Magor); pDoc->infoArray[3].InsertAt(0,m_Home); pDoc->add=true; //添加了数据

pDoc->UpdateAllViews(NULL); //更新所有视图 m_Num=_T(\ m_Name=_T(\ m_Magor=_T(\ m_Home=_T(\

UpdateData(FALSE); //各控件的内容清空 }

包含CGuoDoc类的头文件，在CLeftFormView.cpp文件开始加入下列语句： #include \

3、重载视图类CTopListView和CBottomEditView中OnUpdate()函数，实现视图更新。

void CTopListView::OnUpdate(CView* pSender, LPARAM lHint, CObject* pHint) {

// TODO: Add your specialized code here and/or call the base class CGuoDoc* pDoc=(CGuoDoc*)GetDocument(); //获取文档指针 if(pDoc->add) //添加了数据 {

CListCtrl& listctrl=GetListCtrl(); // 获取列表的控件 listctrl.DeleteAllItems(); //删除所有项

for(int i=0;iinfoArray[0].GetSize();i++) //列表框中插入数据 {

listctrl.InsertItem(i,pDoc->infoArray[0].GetAt(i)); listctrl.SetItemText(i,1,pDoc->infoArray[1].GetAt(i)); listctrl.SetItemText(i,2,pDoc->infoArray[2].GetAt(i)); listctrl.SetItemText(i,3,pDoc->infoArray[3].GetAt(i)); } } }

void CBottomEditView::OnUpdate(CView* pSender, LPARAM lHint, CObject* pHint) {

// TODO: Add your specialized code here and/or call the base class CGuoDoc* pDoc=(CGuoDoc*)GetDocument(); // 获取文档指针

if(pDoc->add) // 添加了数据 {

CString str;

str=\添加了学号为\的学生信息！\

CEdit &mEdit=GetEditCtrl(); //获取编辑视图控件 mEdit.SetWindowText(str); //显示信息 } }

同样需要在这两个视图类的资源文件中包含文档对象的头文件，如下： #include \

至此，实例开发结束，编译运行工程，即可实现要求的结果。

本文来源：https://www.bwwdw.com/article/d1wd.html