• 热门专题

MFC的窗口分割的设计与实现以及CSplitterWnd类分析

作者:  发布日期:2014-07-26 22:34:21
  • 1 引言
    在Microsoft VC++ 6.0 中,基于MFC 的应用程序一般分为以下几种:多文档界面(MDI)、
    单文档界面(SDI)以及基于对话框的应用程序。其中单文档又可分为单视图的和多视图的,
    一般情况下,单文档仅需要单视图就够了,如Windows 自带的记事本、画图程序等等,但
    在一些情况下,单文档需要多视图支持,比如同时观察文档的不同部分,同时从不同的角度
    观察同一文档等。
    MFC 的框架下,文档对象(CDocument)有一个保存其所有视图的列表,并提供了
    增加视图(AddView)与删除视图(RemoveView)函数,以及当文档内容改变时通知其所
    有视图的方法(UpdateAllViews)。通过多文档框架的窗口复制机制和单文档框架的分割窗
    口机制是实现单文档多视图的主要方法。
    2 单文档的多视图
    一般地,单文档与多视图有三种情况:
    (1)在多文档界面MDI 中,每个视图位于MDI 的一个独立子文档框架中,视图对象基
    于同一个视图类。用户可以通过“窗口| 新窗口”菜单,为同一文档的视图再创建一个窗口,
    通过新创建的窗口,可以编辑和观察文档的另一部分,同一文档各个视图之间自动实现同步,
    用户修改一个视图的内容,在另外的视图中也自动更新。
    MFC 框架通过复制原来的子框架窗口和其中的视图来实现上面的功能,并且是完全自
    动的。
    (2)视图对象基于同一视图类,所有视图位于同一文档框架中。
    分割窗口将单文档窗口的视图区分割成几个独立的视图,框架从同一视图类创建多个视
    图对象。Word 的子窗口即属于这种类型。
    (3)视图对象基于不同的视图类,所有的视图位于同一文档框架中。
    多个视图共享同一文档框架,但从不同的视图类创建,每个视图可以为文档提供不同的
    观察和编辑方法。比如在一个窗口里观察文档的不同部分,或者是在一个窗口里用不用类型
    的视图观察同一个文档。这种类型的实现方法是通过重载框架类CMainFrame 的成员函数
    OnCreateClient 实现,用户可以根据不同需要将窗口分为垂直或水平的多个分割窗口。
    下面通过实例设计,介绍单文档多视图的窗口分割和多视图之间的通信的实现方法。
    3 分割窗口
    如图1,把窗口分成三个视图,左视图基于CView 类,可用来作几何图形;右上视图基
    于CEditView 类,用于显示文本消息;右下视图基于CFormView 类,在此视图中做一个文
    本框及发送、清除按钮,发送按钮用来向右上视图传送消息。
    图1 设计样式
    打开Microsoft VC++ 6.0,通过MFC AppWizard(exe)新建名为SplitWnd 的单文档(SDI)
    工程,新建工程时所有选项均按默认设定。
    工程建好后,把工程中的CSplitWndView 视图类作为左视图所对应的类(该类的实现
    与本文重点无关,故不阐述,有兴趣读者可与作者联系),由于需要三个视图窗口对应三个
    视图类,因此需要手动创建右上视图、右下视图对应的类,可以通过MFC 向导向应用程序
    添加两个MFC 类(菜单“Insert | New Class>”),因为在右上视图用于显示文本,故其基类选
    CEditView,类名为CLeftTopView;另一个MFC 类的基类选CFormView 类,取类名为
    CLeftBttmView,该类即对应右下视图(由于该类基于CFormView 类,需要有对话框与之对
    应,故应先在资源中新建对话框,对话框中的控件如图1)。
    完成类的添加后,进行代码编写,首先在CMainFrame 类声明中添加CSplitterWnd 对象
    的声明:
    class CMainFrame : public CFrameWnd {
    >>
    CSplitterWnd m_wndSplitter;// split the view into left and right
    CSplitterWnd m_wndSplitterRight; // split the right view into top and bottom
    >>}
    然后重载CMainFrame 类的函数OnCreateClient,添加如下代码,即可实现窗口的分割:
    BOOL CMainFrame::OnCreateClient (> ) {
    //先把窗口分割为1>2 的形式,即分割为两列
    m_wndSplitter.CreateStatic( this, 1, 2 ,
    WS_CHILD | WS_VISIBLE| WS_BORDER);
    //然后把窗口第2 列再分割为 2>1 的形式
    m_wndSplitterRight.CreateStatic( &m_wndSplitter, 2, 1,
    WS_CHILD|WS_VISIBLE, m_wndSplitter.IdFromRowCol(0, 1) );
    //下面为分割后的窗口对应的视图类
    m_wndSplitter.CreateView(0, 0, RUNTIME_CLASS(CSplitWndView),
    CSize(600, 100), pContext);
    m_wndSplitterRight.CreateView(0, 0, RUNTIME_CLASS(CLeftTopView),
    CSize(10, 500), pContext);
    m_wndSplitterRight.CreateView(1, 0, RUNTIME_CLASS(CLeftBttmView),
    CSize(10, 10), pContext);
    >}
    通过CSplitterWnd 类的对象,调用CreateStatic( CWnd* pParentWnd, int nRows, int nCols,
    DWORD dwStyle = WS_CHILD | WS_VISIBLE, UINT nID = AFX_IDW_PANE_FIRST)成员
    函数用于创建并初始化静态拆分窗口,参数pParentWnd 用来标识拆分父窗口,nRows, nCols
    标识行列数,即把父窗口pParentWnd 分成的行列数,dwStyle 用来标识拆分窗口的风格,而
    nID 是指拆分父窗口pParentWnd 的哪个子窗口。因此调用对象m_wndSplitter 的函数
    CreateStatic 时,把整个窗口拆分成1 行2 列(左右)两个视图:第0 行0 列(即左视图),
    然后调用CreateView 函数设置该视图的类CSplitterTestView;而对第0 行1 列,调用对象
    m_wndSplitterRight 的函数CreateStatic,将其拆分成2 行1 列(上下)两个视图,故此时的
    父窗口为m_wndSplitter,且nID 为m_wndSplitter.IdFromRowCol(0, 1),因为m_wndSplitter
    有左右两个窗口,而需拆分的为第0 行1 列,然后调用函数CreateView 设置视图的类。
    4 视图之间的通信
    视图之间的通信,指在各个视图之间传递数据。该例中,在右下视图中点击发送按钮则
    把文本框中的文字发送到右上视图,并在右上视图显示,即实现这两个视图间的数据传递。
    在CLeftBttmView 类中添加发送按钮对应函数OnSendMsg,其功能就是把文本框中的
    内容发送给右上视图,主要代码如下:
    void CLeftBttmView::OnSendMsg() {
    UpdateData();//更新控件变量数据,文本框对应的变量为m_sText
    //通过CMainFrame 类中的m_wndSplitterRight 变量获得右上视图类指针
    CMainFrame * pMainFrm = (CMainFrame *)AfxGetApp()->GetMainWnd();
    CWnd * pWnd = pMainFrm->m_wndSplitterRight.GetPane(0, 0);
    CLeftTopView* pLeftTopView = DYNAMIC_DOWNCAST(CLeftTopView, pWnd);
    pLeftTopView ->GetMsg( m_sText + "\r\n" );//CLeftTopView 成员函数,接收数据
    }
    右上视图类CLeftTopView 的成员函数GetMsg 则需保存接收到的消息并显示,主要代
    码如下:
    void CLeftTopView::GetMsg(CString sMsg) {
    m_sAllMsg += sMsg; // m_sAllMsg 为成员变量,记录所有消息
    int nTextLen = GetWindowTextLength();
    GetEditCtrl().SetSel(nTextLen, nTextLen);
    GetEditCtrl().ReplaceSel( sMsg );//显示新消息
    }
    有了上面两个函数就可以实现右上视图类CLeftTopView 与右上视图类CLeftBttmView
    之间的简单通讯,类似地,可以实现所有视图之间任意的数据传递。
    实例说明
    实例为一个基于单文档的MFc 应用程序,通过静态分割窗口的方式三叉切分窗口,即共有
    三个窗格。程序实现的功能是用户可以输入学生的信息,并添加到列表视图中。程序最终运

    行的结果如下图:


    其中左侧的基本信息输入的窗格采用的是CFormView 类型的视图,在用户可以其中进行
    信息的录入,单击“提交”按钮,数据就添加道文档中了,并在右侧的列表视图中显示。右侧
    信息显示的窗格采用的是CListView 类型的视图,显示文档中存储的所有学生信息。而底部
    的窗格采用的是CEditView 类型的视图,用于提示用户上一步添加的数据。下面介绍具体的
    实现过程。
    创建工程
    使用AppWizard 创建一个基于单文档的应用程序框架工程,工程名为“Guo”,其余的现
    象均采用默认设置。
    添加视图类
    需要为 3 个窗格添加3 个视图类。CLeftFormView、CTopListView、CBottomEditView,其
    基类分别为CFormView、CListView 和CEditView。
    1、CLeftFormView 类的实现
    A、 添加对话框资源模板:添加CLeftFormView 类之前,首先要向工程中添加
    CLeftFormView 视图中对话框模板,如下图所示:
    对话框模板的ID 通ky"http://www.it165.net/qq/" target="_blank" class="keylink">qqhsElERF9ESUFMT0cxobGjrMbkU3R5bGUgyvTQ1Mno1sPOqqGwQ2hpbGShsaOsQm9sZGVyIMr00NTJ6NbDzqo8YnI+CqGwTm9uZaGxoaM8L3A+CjxwPjxpbWcgc3JjPQ=="http://www.it165.net/uploadfile/files/2014/0726/20140726211414304.png" alt="">
    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 "GuoView.h"
    #include "BottomEditView.h"
    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("学号和姓名不能为空!"); return; }
    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 "GuoDoc.h"
    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;i<pDoc->infoArray[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="添加了学号为"+pDoc->infoArray[0].GetAt(0)+"的学生信息!";
    CEdit &mEdit=GetEditCtrl(); //获取编辑视图控件
    mEdit.SetWindowText(str); //显示信息
    }
    }
    同样需要在这两个视图类的资源文件中包含文档对象的头文件,如下:
    #include "GuoDoc.h"
    至此,实例开发结束,编译运行工程,即可实现要求的结果。

    注意:编译可能会报:

    error C2143: 语法错误 : 缺少“;”(在“*”的前面)
    error C2501: “CTestView::CTestDoc” : 缺少存储类或类型说明符
    error C2501: “CTestView::GetDocument” : 缺少存储类或类型说明符
    warning C4183: “GetDocument”:缺少返回类型;假定为返回“int”的成员函数
    解决方法:

    C***View.h文件头添加
    #include "C***Doc.h"
    同时可以把C**View.cpp中上面去掉,

延伸阅读:

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规