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

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

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

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

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

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

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

如图所示:

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

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

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

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

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

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

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


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

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

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

  1. m_page1.Create(IDD_OLE_PROPPAGE_LARGE,&m_tab);  
  2. m_page2.Create(IDD_OLE_PROPPAGE_LARGE1,&m_tab);  
  3. m_page3.Create(IDD_OLE_PROPPAGE_LARGE2,&m_tab);  
  4. CRect rect;  
  5. m_tab.GetClientRect(rect);  
  6. rect.DeflateRect(2,30,2,2);  
  7. m_page1.MoveWindow(rect);  
  8. m_page2.MoveWindow(rect);  
  9. m_page3.MoveWindow(rect);  
  10. m_page1.ShowWindow(SW_SHOW);  
  11. m_tab.SetCurSel(0);  
    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控件添加事件处理函数:

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

  1. if (m_tab.GetCurSel()==0)  
  2.  {  
  3.      m_page1.ShowWindow(SW_SHOW);  
  4.      m_page2.ShowWindow(SW_HIDE);  
  5.      m_page3.ShowWindow(SW_HIDE);  
  6.  }  
  7.  else if (m_tab.GetCurSel()==1)  
  8.  {  
  9.      m_page1.ShowWindow(SW_HIDE);  
  10.      m_page2.ShowWindow(SW_SHOW);  
  11.      m_page3.ShowWindow(SW_HIDE);  
  12.  }  
  13.  else if (m_tab.GetCurSel()==2)  
  14.  {  
  15.      m_page1.ShowWindow(SW_HIDE);  
  16.      m_page2.ShowWindow(SW_HIDE);  
  17.      m_page3.ShowWindow(SW_SHOW);  
  18.  }  
   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);
    }


效果如下图所示:

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值