VC++2008如何用tab控件实现属性页

在VC编程中tab控件是个很有用的控件,用它可以来实现如下图所示的属性页:

每个属性页对应着一个子页面,不同的子页面实现不同的功能,这便产生了一个问题,每个子页面上可能会有许多控件,这样各个控件之间可能就会相互覆盖,相互影响,显然这是不能实现属性页的功能的。

解决这个问题的方法有两种,一是将所有的控件放在一个对话框中,切换属性页时隐藏不需要的控件,但是这样会使得整个对话中的控件非常混乱。再有一种方法就是有几个属性页就新建几个子对话框,每一个子页面对应的对话框都是独立的。下面就来讲怎么样去实现:

新建一个基于对话框的MFC应用程序,项目名称为tab,添加tab控件如图所示:

为tab控件关联控件变量m_tab,

在tabDlg.cpp文件的OnInitDialog()函数中添加代码(建立属性页标题):

如图所示:

VC++2008如何用tab控件实现属性页_第1张图片

新建子对话框,按如下步骤操作:

VC++2008如何用tab控件实现属性页_第2张图片

选择如下图所示的选项后点“新建”:

VC++2008如何用tab控件实现属性页_第3张图片

按照上面的方法再新建两个子对话框。

将子对画框中各个静态文本框中的文字改掉以区分不同的子对话框,如下图所示:

选中第一个子对话框,并为第一个子对话框添加类:

VC++2008如何用tab控件实现属性页_第4张图片

VC++2008如何用tab控件实现属性页_第5张图片

点击【完成】,同样地为其它两个子对话框添加类。

切换到【类视图】,为CtabDlg类添加成员变量,如下图所示:

VC++2008如何用tab控件实现属性页_第6张图片


用同样的方法再添加成员变量m_page2和m_page3。

完成上面的工作后我们就可以进行tab控件与子对话框的连接了,

在tabDlg.cpp文件的OnInitDialog()函数中添加代码:

    m_page1.Create(IDD_OLE_PROPPAGE_LARGE,&m_tab);
    m_page2.Create(IDD_OLE_PROPPAGE_LARGE1,&m_tab);
    m_page3.Create(IDD_OLE_PROPPAGE_LARGE2,&m_tab);
    CRect rect;
    m_tab.GetClientRect(rect);
    rect.DeflateRect(2,30,2,2);
    m_page1.MoveWindow(rect);
    m_page2.MoveWindow(rect);
    m_page3.MoveWindow(rect);
    m_page1.ShowWindow(SW_SHOW);
    m_tab.SetCurSel(0);

这样属性页的基本工作就完成了。

下面进行鼠标单击实现切换功能:

为tab控件添加事件处理函数:

VC++2008如何用tab控件实现属性页_第7张图片

单击【添加编辑】,在弹出的函数中添加如下代码:

   if (m_tab.GetCurSel()==0)
    {
        m_page1.ShowWindow(SW_SHOW);
        m_page2.ShowWindow(SW_HIDE);
        m_page3.ShowWindow(SW_HIDE);
    }
    else if (m_tab.GetCurSel()==1)
    {
        m_page1.ShowWindow(SW_HIDE);
        m_page2.ShowWindow(SW_SHOW);
        m_page3.ShowWindow(SW_HIDE);
    }
    else if (m_tab.GetCurSel()==2)
    {
        m_page1.ShowWindow(SW_HIDE);
        m_page2.ShowWindow(SW_HIDE);
        m_page3.ShowWindow(SW_SHOW);
    }


效果如下图所示:

VC++2008如何用tab控件实现属性页_第8张图片

这样全部的工作就完成了。我们可以看一下效果图:

VC++2008如何用tab控件实现属性页_第9张图片








你可能感兴趣的:(编程,工作,mfc,vc++)