1. 程式人生 > >【轉載】MFC中tabcontrol控件的使用

【轉載】MFC中tabcontrol控件的使用

getc bubuko lse logs ext mfc styles 屬性頁 chang

原博地址:https://www.cnblogs.com/lzmfywz/archive/2012/04/07/2436571.html#undefined

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裏面添加如下代碼: 
clip_image001m_tab.InsertItem(
0,"參數一"); //添加參數一選項卡 clip_image001[1]m_tab.InsertItem(1,"參數二"); //添加參數二選項卡 clip_image001[2]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, 分別是三個子對話框的實例. 代碼如下: clip_image001[
3]CResult m_result; clip_image001[4]CPara2 m_para2; clip_image001[5]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)
技術分享圖片技術分享圖片 ...{
技術分享圖片 case 0:
技術分享圖片 m_para1.ShowWindow(true);
技術分享圖片 m_para2.ShowWindow(false);
技術分享圖片 m_result.ShowWindow(false);
技術分享圖片 break;
技術分享圖片 case 1:
技術分享圖片 m_para1.ShowWindow(false);
技術分享圖片 m_para2.ShowWindow(true);
技術分享圖片 m_result.ShowWindow(false);
技術分享圖片 break;
技術分享圖片 case 2:
技術分享圖片 m_para1.ShowWindow(false);
技術分享圖片 m_para2.ShowWindow(false);
技術分享圖片 m_result.ShowWindow(true);
技術分享圖片 break;
技術分享圖片 default:
技術分享圖片 ;
技術分享圖片 }
技術分享圖片
技術分享圖片 *pResult = 0;
10. 在IDD_MYTAB_DIALOG對話框下面添加一個按鈕, 標題為"計算" 為其添加事件響應函數, 代碼如下: clip_image001[39]m_para1.UpdateData(true); clip_image001[40] m_para2.UpdateData(true); clip_image001[41] m_result.SetResultValue(m_para1.GetParaValue()+m_para2.GetParaValue()); clip_image001[42] m_result.UpdateData(false); 11. 最後演示結果如下: clip_image007 clip_image009 clip_image010 12. 這個小程序很簡單,但是他說明了Tab Control控件的基本用法. 用法2 VC中的CTabCtrl用法與VB、Delphi的選項卡控件有很大的不同,每個屬性頁是用一個“窗體”(對話框)來實現,於是要為每個屬性頁對話框建類,還要關聯、初始化??實在麻煩得多。但是CTabCtrl可重用性比ActiveX的選項卡控件好,因為一個屬性頁可以被多個不同的選項卡對話框調用,就像MFC中很多屬性選項卡有“General”這一選項頁,可以被多個控件的屬性頁調用,作為“通用”的,有符合現代軟件工程可重用性要求。 下面發一個最簡單的代碼,使用CTabCtrl控件實現屬性頁功能。 1、建立一個基於對話框的應用程序; 2、畫CTabCtrl控件,類向導中關聯變量名為m_tab,新建三個對話框屬性設為Child,None,用ClassWizard生成新的類,基類為Cdialog,分別為Cpage0,Cpage1,Cpage2,ID號分別為IDD_DIALOG0,IDD_DIALOG1,IDD_DIALOG2。在主對話框中加入三個變量,Cpage0 page0;Cpage1 page1;Cpage2 page2。別忘了在主對話框的頭文件中要加入#include "Page0.h",#include "Page1.h",#include "Page2.h" 3、在主對話框的OnInitDialog()內初始化 : // TODO: Add extra initialization here //初始化m_tab控件 m_tab.InsertItem(0," 呵呵,茂葉工作室 "); m_tab.InsertItem(1," 嘻嘻 "); m_tab.InsertItem(2," 哈哈,www.maoyeah.com "); //建立屬性頁各頁 page0.Create(IDD_DIALOG0,GetDlgItem(IDC_TAB1)); page1.Create(IDD_DIALOG1,GetDlgItem(IDC_TAB1)); page2.Create(IDD_DIALOG2,GetDlgItem(IDC_TAB1)); //設置頁面的位置在m_tab控件範圍內 CRect rect; m_tab.GetClientRect(&rect); rect.top+=20; rect.bottom-=5; rect.left+=5; rect.right-=5; page0.MoveWindow(&rect); page1.MoveWindow(&rect); page2.MoveWindow(&rect); page1.ShowWindow(TRUE); m_tab.SetCurSel(1); 4、m_tab控件屬性頁選擇時顯示各頁: void CMy3Dlg::OnSelchangeTab1(NMHDR* pNMHDR, LRESULT* pResult) { // TODO: Add your control notification handler code here int CurSel; CurSel=m_tab.GetCurSel(); switch(CurSel) { case 0: page0.ShowWindow(TRUE); page1.ShowWindow(FALSE); page2.ShowWindow(FALSE); break; case 1: page0.ShowWindow(FALSE); page1.ShowWindow(TRUE); page2.ShowWindow(FALSE); break; case 2: page0.ShowWindow(FALSE); page1.ShowWindow(FALSE); page2.ShowWindow(TRUE); break; default: ; } *pResult = 0; }

【轉載】MFC中tabcontrol控件的使用