VC中Tabcontrol控件的用法详细解析

   2015-07-21 0
核心提示:以下是对VC中Tab control控件的用法进行了详细的介绍,需要的朋友可以过来参考下哦

1. 新建一个MFC工程, 取名MyTab, 选择Dialog based, 然后Finish.

2. 删除对话框上默认添加的三个控件. 添加Tab Control控件并在Property属性中设置ID为IDC_TABTEST 在More Styles里勾上Bottom. 调速尺寸使其布满整个对话框, 我这边Tab Control的尺寸最后为164X203. 在ClassWizard为其添加变量, 变量名为m_tab. 类型为CTabCtrl.

3. 在对话框的初始化函数OnInitDialog里面添加如下代码:
m_tab.InsertItem(0,"参数一");  //添加参数一选项卡
m_tab.InsertItem(1,"参数二");  //添加参数二选项卡
m_tab.InsertItem(2,"结果");    //添加结果选项卡

4.在对话框资源里面添加三个对话框资源, ID分别命名为IDD_PARA1, IDD_PARA2, IDD_RESULT. 字体为宋体, 字号为9, style为Child, Border为None, 宽度调整为161. 再分别为其添加对应的基于CDialog类CPara1, CPara2, CResult.

5. 在CMyTabDlg类中添加三个成员变量m_para1, m_para2, m_result, 分别是三个子对话框的实例. 代码如下:
CResult m_result;
CPara2 m_para2;
CPara1 m_para1;

6. 在IDD_PARA1对话框上添加静态文本控件内容为"参数一" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nPara1;

在IDD_PARA2对话框上添加静态文本控件内容为"参数二" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nPara2;

在IDD_RESULT对话框上添加静态文本控件内容为"结果" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nResult;

7. 为CPara1类添加成员函数int GetParaValue() 代码如下:

复制代码 代码如下:

int CPara1::GetParaValue()
...{
    return m_nPara1;
}

为CPara2类添加成员函数int GetParaValue() 代码如下:
复制代码 代码如下:

int CPara2::GetParaValue()
...{
    return m_nPara2;
}

为CResult类添加成员函数void SetResultValue(int nResult) 代码如下:
复制代码 代码如下:

void CResult::SetResultValue(int nResult)
...{
     m_nResult= nResult;
}

8. 在IDD_MYTAB_DIALOG对话框的初始化函数OnInitDialog里面添加如下代码:
复制代码 代码如下:

//关联对话框,并且将IDC_TABTEST控件设为父窗口
m_para1.Create(IDD_PARA1,GetDlgItem(IDC_TABTEST));
m_para2.Create(IDD_PARA2,GetDlgItem(IDC_TABTEST));
m_result.Create(IDD_RESULT,GetDlgItem(IDC_TABTEST));

//获得IDC_TABTEST客户区大小
CRect rs;
m_tab.GetClientRect(&rs);
//调整子对话框在父窗口中的位置
rs.top+=1;
rs.bottom-=60;
rs.left+=1;
rs.right-=2;

//设置子对话框尺寸并移动到指定位置
m_para1.MoveWindow(&rs);
m_para2.MoveWindow(&rs);
m_result.MoveWindow(&rs);

//分别设置隐藏和显示
m_para1.ShowWindow(true);
m_para2.ShowWindow(false);
m_result.ShowWindow(false);

//设置默认的选项卡
m_tab.SetCurSel(0);


9. 添加Tab Control控件的TCN_SELCHANGE事件响应函数OnSelchangeTabtest(NMHDR* pNMHDR, LRESULT* pResult) ,函数体代码如下:
复制代码 代码如下:

int CurSel= m_tab.GetCurSel();
    switch(CurSel)
    ...{
    case0:
         m_para1.ShowWindow(true);
         m_para2.ShowWindow(false);
         m_result.ShowWindow(false);
        break;
    case1:
         m_para1.ShowWindow(false);
         m_para2.ShowWindow(true);
         m_result.ShowWindow(false);
        break;
    case2:
         m_para1.ShowWindow(false);
         m_para2.ShowWindow(false);
         m_result.ShowWindow(true);
        break;
    default:

     }   

    *pResult= 0;

10. 在IDD_MYTAB_DIALOG对话框下面添加一个按钮, 标题为"计算" 为其添加事件响应函数, 代码如下:
复制代码 代码如下:

m_para1.UpdateData(true);
     m_para2.UpdateData(true);
     m_result.SetResultValue(m_para1.GetParaValue()+m_para2.GetParaValue());
     m_result.UpdateData(false);

11.这个小程序很简单,但是他说明了Tab Control控件的基本用法.

注意:
1://关联对话框,并且将IDC_TABTEST控件设为父窗口(方法2)
m_para1.SetParent(GetDlgItem(IDC_TABTEST));
m_para2.SetParent(GetDlgItem(IDC_TABTEST));
m_result.SetParent(GetDlgItem(IDC_TABTEST));

2://获得IDC_TABTEST客户区大小
CRect rs;
m_tab.GetClientRect(&rs);

//调整子对话框在父窗口中的位置
rs.top+=1;
rs.bottom-=60;
rs.left+=1;
rs.right-=2;

这里一点要注意:调整距离,否则,子对话框将覆盖Tab control控件,将不能显示
将出现这中情况:

VC中Tabcontrol控件的用法详细解析

//调整子对话框在父窗口中的位置 如下
 rs.top+=20;
 rs.bottom-=20;
 rs.left+=20;
 rs.right-=20;

VC中Tabcontrol控件的用法详细解析

哈哈,注意啊。

 
标签: Tab control控件
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • lua 实现tableToString
    function tableToString(studentNum) local str ="{ " str = str.."\n" for k, v in pairs(studentNum) doif type(v) ~= "table" thenstr = str.."[\""..k.."\"]"str = str..":"str = str..vstr = st
    02-09
  • 【小程序】添加tabBar后navigateTo失效
    某页面.js//事件处理函数bindViewTap() {wx.navigateTo({url: '../logs/logs',})}, app.json"tabBar": {"backgroundColor": "black","color":"white","list": [{"pagePath": "pages/index/inde
    02-09
  • 实现自定义的小程序底部tabbar
    实现自定义的小程序底部tabbar
    背景诶,当然是为了实现更有温度的代码啦(背后设计师拿着刀对着我)自带tabbarapp.json中配置:tabBar: {backgroundColor: '#fff',borderStyle: 'white',color: '#333',selectedColor: '#333',list: [{pagePath: 'pages/index',text: '活动首页',iconPath
    02-09
  • 微信小程序~设置tabBar后,wx.navigateTo不能跳转
    微信小程序~设置tabBar后,wx.navigateTo不能跳
    当wx.navigateTo跳转链接跟app.json中设置的tabbar中跳转链接一样时,wx.navigateTo就不能跳转可以改为wx.switchTab1、当app.json中设置了tabbar跳转时2、普通跳转wx.navigateTo不起作用,要换成是wx.switchTab     .
    02-09
  • 微信小程序自定义tabbar 微信小程序自定义tabbar组件
    微信小程序自定义tabbar 微信小程序自定义tabba
      最近在写微信小程序(原生),页面tabbar之前使用得是在app.json文件中配置得,但是由于业务需求,点击tabbar按钮之前需要校验用户是否登录了,所以整个tabbar都要重新自定义,好在微信小程序在app.json文件中提供了一个custom得属性,将custom设置为true
    02-09
  • 微信小程序 如何设置底部tabBar 以及父子组件如
    1、底部tabBar设置 当然可以设置在顶部在全局app.json中配置 "tabBar":{  position:"bottom"  // 在这里设置tabBar的位置 可以选择顶部和底部  "list":[      {   "text":"首页" ,//在这里可以写底部tabBar中内容 什么页面    pagePath:"page
    02-09
  • 微信小程序wx.switchTab
    【转】关于微信小程序wx.switchTab的问题昨天做了个功能要从首页跳到tabBar页,并且要带上参数.首先我是这样做的:在index.js中:toCategory:function(event){    var cate_id = event.currentTarget.dataset.cate_id;    wx.switchTab({      url: '../c
    02-09
  • 微信小程序 tabBar 无效原因
    pages加载顺序第一个需要list第一个相同,理由不明."pages": ["pages/index/index","pages/logs/logs","pages/login/login"],"tabBar": {"list": [{"pagePath": "pages/index/index", //如果是其他的就没法显示,,,"t
    02-09
  • 微信小程序tab(swiper)切换 微信小程序tab切换内容
    微信小程序tab(swiper)切换 微信小程序tab切
              - wxml -view class="youhui"view class="{{_num==0?'active':''}}" data-index='0' bindtap='toggle'未使用/viewview class="{{_num==1?'active':''}}" data-index=
    02-09
  • 微信小程序写tab切换 微信小程序tab切换数据延迟
    微信小程序写tab切换 微信小程序tab切换数据延
    微信小程序之tab切换效果,如图:最近在学习微信小程序并把之前的公司app搬到小程序上,挑一些实现效果记录一下(主要是官方文档里没说的,毕竟官方文档只是介绍功能).wxml代码:view class="body"view class="nav bc_white"view class="{{selected?'red':'d
    02-09
点击排行