MFC中文档与视图(二)
Last Edit 2013/11/19
这篇主要是介绍一下怎么去分割视图。
视图的分割分为:动态分割,静态分割。所谓的静态分割是指软件一启动视图就分割完成,而动态分割是在使用过程中动态的去实现的。大家可能都用过Word里面拆分窗口,这就是动态分割的一个例子。
 
要实现分割要使用到MFC中一个CSplitterWnd类
常用的几个函数。
Create是动态分割用到的函数
  1.  
    virtual BOOL Create(
  2.  
    CWnd* pParentWnd,//分割窗口的父窗口框架
  3.  
    int nMaxRows, //最大的行 最大为2
  4.  
    int nMaxCols, //最大的列 最大为2
  5.  
    SIZE sizeMin, //规定一个窗口的最小尺寸,要是小于这个尺寸,分割的窗口就不会显示
  6.  
    CCreateContext* pContext, //上下文
  7.  
    DWORD dwStyle = WS_CHILD | WS_VISIBLE | WS_HSCROLL | WS_VSCROLL | SPLS_DYNAMIC_SPLIT,
  8.  
    UINT nID = AFX_IDW_PANE_FIRST
  9.  
    );
CreateStatic创建静态窗口函数,参数含义同上。
  1.  
    virtual BOOL CreateStatic(
  2.  
    CWnd* pParentWnd,
  3.  
    int nRows,
  4.  
    int nCols,
  5.  
    DWORD dwStyle = WS_CHILD | WS_VISIBLE,
  6.  
    UINT nID = AFX_IDW_PANE_FIRST
  7.  
    );
CreateView为分割出来的区域创建指定的视图类
  1.  
    virtual BOOL CreateView(
  2.  
    int row,
  3.  
    int col,
  4.  
    CRuntimeClass* pViewClass,
  5.  
    SIZE sizeInit,
  6.  
    CCreateContext* pContext
  7.  
    );
一、动态分割的实现过程
 

创建动态分割窗口的步骤为:

1. 在父框架类中定义一个CSplitterWnd类型的成员对象。

2. 重载父框架类的CFrameWnd::OnCreateClient成员函数。

3. 在重载的CFrameWnd::OnCreateClient函数中调用CSplitterWnd成员对象的Create函数。

在CFrameWnd::OnCreateClient添加如下代码

return m_wndSplitter.Create(this,2, 2, CSize(10, 10), pContext);

二、静态分割的实现过程

创建静态分割窗口的步骤为:

1. 在父框架类中定义一个CSplitterWnd类型的成员对象。

2. 重载父框架类的CFrameWnd::OnCreateClient成员函数。

3. 在重载的CFrameWnd::OnCreateClient函数中调用CSplitterWnd成员对象的CreateStatic成员函数,然后可以调用CSplitterWnd成员对象的CreateView成员函数为每个窗格创建视图。

  1.  
    CRect m_crect;
  2.  
    GetClientRect(&m_crect);
  3.  
     
  4.  
    if (!m_wndSpliter.CreateStatic(this,2,1))
  5.  
    {
  6.  
    return FALSE;
  7.  
    }
  8.  
    if (!m_wndSpliter.CreateView(0,0,RUNTIME_CLASS(CmyWindowView),CSize(m_crect.Width(),m_crect.Height()/2),pContext))
  9.  
    {
  10.  
    return FALSE;
  11.  
    }
  12.  
     
  13.  
    if (!m_wndSpliter.CreateView(1,0,RUNTIME_CLASS(CmyWindowView),CSize(m_crect.Width(),m_crect.Height()/2),pContext))
  14.  
    {
  15.  
    return FALSE;
  16.  
    }
  17.  
    return TRUE;

三、综合实例

下面的这个实例是从网上看来的,记录一下,以便以后好查找。实现过程基本是按照作者的思路来的。

添加视图类

需要为3个窗格添加3个视图类。CLeftFormView、CTopListView、CBottomEditView,其基类分别为CFormView、CListView和CEditView。(注意是MFC类)

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()函数,在其中定义列表视的类型,代码如下:

  1.  
    BOOLCTopListView::PreCreateWindow(CREATESTRUCT& cs)
  2.  
    {
  3.  
    // TODO: Add your specialized code hereand/or call the base class
  4.  
    cs.style=cs.style|LVS_REPORT;// 设置成报告列表的显示形式
  5.  
     
  6.  
    return CListView::PreCreateWindow(cs);
  7.  
    }

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

  1.  
    voidCTopListView::OnInitialUpdate()
  2.  
    {
  3.  
    CListView::OnInitialUpdate();
  4.  
    // TODO: Add your specialized code hereand/or call the base class
  5.  
    CString m_ColumnLabelStr[]={"学号","姓名","专业","籍贯"}; //表头字段
  6.  
    CListCtrl & listctrl=GetListCtrl();//获取列表的控件
  7.  
    DWORD dwStyle =listctrl.GetExtendedStyle();
  8.  
    dwStyle|= LVS_EX_FULLROWSELECT; // 选中某行使整行高亮(只适用与report风格的listctrl)
  9.  
    dwStyle |= LVS_EX_GRIDLINES;
  10.  
    dwStyle |=LVS_EX_UNDERLINEHOT;
  11.  
    listctrl.SetExtendedStyle(dwStyle);//列表风格
  12.  
    int width[6]={80,80,110,150};
  13.  
    for(int i=0;i<4;i++)
  14.  
    {
  15.  
    listctrl.InsertColumn(i,m_ColumnLabelStr[i],LVCFMT_LEFT,width[i]);//设置表头
  16.  
  17.  
    }

3、CBottomEidtView类的实现

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

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

静态分割窗口的实现

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

1、 在CMainFrame类的头文件中,声明一个CSplitterWnd类的成员变量m_wndSplitter1,用于第一个窗口的分割

  CSplitterWnd    m_wndSplitter1; //用于产生第一次的静态的分割

2、 使用Class Wizard重载CMainFrame类的OnCreateClient()函数,在其中实现第一次的窗口分割

  1.  
    BOOLCMainFrame::OnCreateClient(LPCREATESTRUCT lpcs, CCreateContext* pContext)
  2.  
    {
  3.  
    //TODO: Add your specialized code here and/or call the base class
  4.  
    CRect rect;
  5.  
    GetClientRect(&rect); //产生第一次静态分割
  6.  
    m_wndSplitter1.CreateStatic(this, //父窗口指针
  7.  
    2,1); //行数与列数
  8.  
    m_wndSplitter1.CreateView(0,0, //窗格的行列序数
  9.  
    RUNTIME_CLASS(CGuoView),//视图类
  10.  
    CSize(rect.Width(),rect.Height()-rect.Height()/5),pContext);//父窗口创建参数
  11.  
    m_wndSplitter1.CreateView(1,0,RUNTIME_CLASS(CBottomEditView),
  12.  
    CSize(rect.Width(),rect.Height()/5),pContext);
  13.  
    //不在调用基类的OncreateClient函数
  14.  
    return true;
  15.  
    }

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

#include "GuoView.h"

#include "BottomEditView.h"

3、 在视图窗口类CGuoView的头文件中声明一个CSplitterWnd类的成员变量m_wndSplitter2,用于第二次窗口分割。

protected:

CSplitterWnd m_wndSplitter2; //用于第二次窗口的分割

4、 使用Class Wizard重载CGuoView类的OnCreateClient()和OnSize()函数,实现窗口第二次分割并设置窗格的大小。

  1.  
    int CGuoView::OnCreate(LPCREATESTRUCT lpCreateStruct)
  2.  
    {
  3.  
    if(CView::OnCreate(lpCreateStruct) == -1)
  4.  
    return-1;
  5.  
    //TODO: Add your specialized creation code here
  6.  
    CRectrect;
  7.  
    GetClientRect(&rect); // 获得窗口的创建信息指针
  8.  
    CCreateContext *pContext=(CCreateContext *)lpCreateStruct->lpCreateParams;
  9.  
    m_wndSplitter2.CreateStatic(this,1,2);//产生第二次的静态分割
  10.  
    //为第一个窗格产生视图
  11.  
    m_wndSplitter2.CreateView(0,0,//窗口的行列序数
  12.  
    RUNTIME_CLASS(CLeftFormView),//视图类
  13.  
    CSize(rect.Width()/4,rect.Height()),//
  14.  
    pContext);
  15.  
    //为第二个窗格产生视图
  16.  
    m_wndSplitter2.CreateView(0,1,RUNTIME_CLASS(CTopListView),CSize(1,1),pContext);
  17.  
    return0;
  18.  
    }

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

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; 就没有问题了。

MFC界面分割以及挂载的更多相关文章

  1. MFC界面相关源码

    这是这4篇MFC界面的相关源码.建议学习Visual C++的看看这2本微软官方出的教材. [MFC Windows程序设计(第2版,修订版)](美)Jeff Prosise著 [Windows程序设 ...

  2. C++做四则运算的MFC计算器(一)MFC界面创建

    学习最有效的方法就是实战,这两篇文章写了做MFC加减乘除计算器的过程. 第一写前台MFC界面搭建,第二写后台计算原理及代码. MFC编程参考教程:http://www.jizhuomi.com/sch ...

  3. windows核心编程课程实践---多线程文件搜索器(MFC界面)

    课上完了连老师见都没见一面QAQ....记录一下该小项目 效果如下: 1.实现文件搜索功能,并封装为类 1)首先是文件搜索类Rapidfinder的构造函数和析构函数和文件信息初始化函数和文件路径规格 ...

  4. MFC 窗口分割与通信

    一.关于CSplitterWnd类我们在使用CuteFtp或者NetAnt等工具的时候,一般都会被其复杂的界面所吸引,在这些界面中窗口被分割为若干的区域,真正做到了窗口的任意分割. 那么我们自己如何创 ...

  5. 为MFC界面添加一个Log Window

    前言 由于早期的图像处理程序基于VC6.0,MFC也是采用VC6.0开发的.在实际处理中,我不仅需要界面的显示,有很多时候,我需要算法处理的过程中的信息,比如每个阶段的耗时,处理的图像大小,以及如果需 ...

  6. VC6.0中MFC界面换肤简例

    利用VC中的MFC进行界面设计时,发现界面上的各控件无法简易地进行调整,比如字体大小.颜色.格式等. 为了改变外观,小小地美化一下,今天决定动手一试. 网上提供的库和方法不计其数,我选择了SkinMa ...

  7. MFC窗口分割以及各窗口间的通讯

    一个偶然的机会又重新接触了MFC窗口的分割,自己结合资料重新写了一个窗口分割的程序,现将具体流程跟大家分享一下: 1.我们先创建一个MFC单文档类的程序,具体分割方式先将单文档整个客户区分成两行一列, ...

  8. 【转】MFC界面更新实现方法

    原文网址:http://www.cnblogs.com/skywatcher/p/3572311.html 1.更新窗口 即采用UpdateWindow()函数立即发送WM_PAINT消息更新整个窗口 ...

  9. MFC界面更新实现方法

    1.更新窗口 即采用UpdateWindow()函数立即发送WM_PAINT消息更新整个窗口. void CEditTestDlg::OnBnClickedBtnSysUpdate() { CStri ...

随机推荐

  1. JS对象格式化方法:pretty_format

    /* * 格式化 * */ var pretty_format = function (obj, indent) { if (obj === null) return 'null'; if (obj ...

  2. centos7 fortune+cowsay+lolcat美化初始终端

    前序 fortune+cowsay+lolcat效果图(每次打开新的终端的时候, 显示名言) fortune 提供我的rpm包, fortune+依赖 安装它们 rpm -ivh *.rpm 调配中文 ...

  3. SSM-网站前台博客系统制作(1)---前台+Google的Kaptcha

    前提: 1天半时间简单自己手写了一下前端布局和后台验证码的基本工作,简要说明一下遇到的问题和收获吧. 这次基本就是前台设计(首页)+Kaptcha图片验证码(之前弄了一个reCaptcha验证码 但是 ...

  4. ES6常用语法(上)

    ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应 ...

  5. linux下编译时遇到fatal error: openssl/sha.h: No such file or directory怎么办?

    答:安装ssl开发库 ubuntu下的安装方法为: sudo apt-get install libssl-dev -y

  6. sort排序原理

    var array = [10,5,40,25,1000,1];   array.sort(compareFunction);   function compareFunction(a, b) {  ...

  7. vue--js里跳转页面

    我们知道在vue里进行页面跳转的话,我们使用<router-link>这个标签 那在构造函数里我们不能直接操纵DOM元素,我们又该如何进行页面跳转呢? 步骤1: 我们先在DOM里设置三个按 ...

  8. UI组件--element-ui--Upload多组件自定义上传

    需求: 提交详细信息的表单, 并上传对应图片(如下图), 后台接口要求表单数据和图片需要一次上传完成.. 分析: 实际上, 每个element-ui Upload组件都应发送一次请求, 很明显不符合我 ...

  9. UI组件--element-ui合计行在横向滚动条下面的解决方法

    使用element-ui合计功能, 因列数较多, 产生横向滚动条: 但是合计行却在滚动条下面, 拖动滚动条合计行不会跟着横向滚动. 在当前页面添加以下样式: <style lang='less' ...

  10. 自定义 Cordova插件(基础篇)

    cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用 ...