一、引用
  当用户需要同时对文当的不同部分进行编辑时,常常会用到切分窗口;这些窗口可以都是相同的视,或者一个窗口为列表视,而另一个为树型视图。应用程序框架有多种方式来表示多视图,切分窗口是其中的方式之一。

  切分窗口分为动态切分窗口和静态切分窗口,它们都是由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 ,CMultiViewAppCMultiViewDocCMultiViewView,和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:为了演示,这里将不同的视图给予一个标记,在CMultiViewViewCAnotherView的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,可以通过下面的地址获得代码。

转载于:https://www.cnblogs.com/johnpher/archive/2011/03/05/2570712.html

视图分割与视图间通信资料汇总!相关推荐

  1. Vue 组件间通信方法汇总

    Vue 组件间通信方法汇总 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 除了使用 Vuex 方法外,vue 提供了各种各样的组件间通信的方案.文章整理一下父子组件.兄弟组件.祖先后代组件间 ...

  2. sip等通信资料汇总

    SS7信令原理 ISSUE1.0.rar http://www.wellya.net/read.php?tid=1991&toread=1 华为no.7信令培训 http://www.well ...

  3. 我爱机器学习--机器学习方向资料汇总

    转载:http://blog.csdn.net/shuimanting520/article/details/45748505 机器学习爱好者资料 机器学习领域的几种主要学习方式 From Stump ...

  4. 移动周刊第 178 期:iOS 开源框架、项目和学习资料汇总

    写在前面 本期移动周刊第 178 期如约而至,聚焦 Android.iOS.VR/AR/MR.直播等前沿移动开发技术,收录一周最热点,解读开发技巧,我们希望从中能够让你有一些收获,如果你有好的文章以及 ...

  5. java获取jsp 组件,利用Observer模式解决组件间通信问题-JSP教程,Java技巧及代码

    1. 问题的提出 以前做一个界面的时候常常会遇到这样的尴尬情况:希望保留各个独立的组件(类),但又希望它们之间能够相互通信.譬如windows中的explorer,我们希望鼠标点击左边是树型目录的一个 ...

  6. android线程间通信的几种方法_Android 技能图谱学习路线

    Java基础 Java Object类方法 HashMap原理,Hash冲突,并发集合,线程安全集合及实现原理 HashMap 和 HashTable 区别 HashCode 作用,如何重载hashC ...

  7. 计算机视觉学习资料汇总(超多干货)

    前言 本资料首发于公众号[3D视觉工坊],原文请见计算机视觉学习资料汇总,更多干货请关注公众号后台回复关键字获取~ (一)基础操作 Linux 学习网站 Linux中国:https://linux.c ...

  8. ZooKeeper实战(一):ZooKeeper原理,详细安装步骤,基本命令,节点间通信原理

    回顾Redis 用redis实现分布式锁比较复杂,使用zookeeper会比较简单. 一.ZooKeeper介绍 官网 https://zookeeper.apache.org/ 概览文档 https ...

  9. React Native开发指南-在原生和React Native间通信

    通过植入原生应用和原生UI组件两篇文档,我们学习了React Native和原生组件的互相整合.在整合的过程中,我们会需要在两个世界间互相通信.有些方法已经在其他的指南中提到了,这篇文章总结了所有可行 ...

  10. vue组件穿方法_vue组件间通信六种方式(完整版)

    [51CTO.com原创稿件] 前言 组件是 vue.js强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.一般来说,组件可以有以下几种关系: 如上图所示,A ...

最新文章

  1. 如何让Window对话窗口重新获得输入焦点
  2. netty系列之:自定义编码和解码器要注意的问题
  3. 关于farpoint公司的控件:SPREAD for .NET Windows Forms Ed.的一些简单方法.
  4. SQLServer:用户自定义数据类型用法
  5. 各种损失函数比较-带你斩获offer
  6. 天然气井(洛谷P1708题题解,C++语言描述)
  7. workbench提示工作负载高度不平衡_功率因数负载组
  8. matlab设计激光腔,激光原理课程设计
  9. [转载] python查看的统计量_python 描述性统计_Python中的基本统计:描述性统计
  10. leetcode——给定一个整数数组和一个目标值返回两个数字对应的索引,使得这两个数字之和等于目标值
  11. 在xp3下,Apache , PHP, Zend Studio怎样配置环境?
  12. AMOS分析技术:测量模型分析;聊聊验证性因子分析(CFA)与探索性因子分析(EFA)的异同点
  13. 人物简介——奥古斯塔·德摩根
  14. 【Python】爬取贝壳网深圳二手房数据
  15. 万春布林和恒瑞医药达成深度战略合作;方达控股、基石药业、天演药业发布最新业绩 | 医药健闻...
  16. MySQL连接错误实例
  17. UVa Problem 123 - Searching Quickly
  18. htc sensation软解锁、获取root权限、解网络锁
  19. 通过mac地址查询ip
  20. 叱咤风云,领袖聚合——共论云端现代化实践之道

热门文章

  1. Automapper问题记录
  2. php windows环境 安装 Apache-apollo + phpMQTT 实现发送 MQTT
  3. 《设计原本—计算机科学巨匠Frederick P. Brooks的反思》一一第 2 章 工程师怎样进行设计思维―理性模型 2.0...
  4. Werkzeug 库——routing 模块简析
  5. golang学习的点点滴滴:if、switch使用
  6. Quartz学习(一)
  7. 开发中遇到的Mac使用问题
  8. 瞧瞧,人家这后端API接口写得,那叫一个巴适~,再看看我的,像坨屎!
  9. 史上讲解最好的 Docker 教程
  10. 百度开源移动端深度学习框架mobile-deep-learning(MDL)