Click here to Skip to main content
15,920,503 members
Articles / Programming Languages / C++

Simple Tab Control for Visual C++: Part 2

Rate me:
Please Sign up or sign in to vote.
2.84/5 (21 votes)
5 Jun 2007CPOL2 min read 107.7K   3.5K   31   37
An easy way to develop interfaces with the tab control.

Sample Image - Simple_Tab_Control.jpg

Introduction

I take this opportunity to thank all my friends who commented and gave ideas about my previous tab control. It made me build this useful and easy tab control for all of you.

About this new tab control

If you are using this particular tab control, you have to do the following steps:

  1. Drag and drop the VC++ tab control on to your dialog.
  2. Add CIbTabCtrl.c and CIbTabCtrl.h to your solution.
  3. Derive the tab control variable from CIbTabCtrl.

You are free to design your tab pages using property pages. Add property pages to your application using the Add Resource option. Then create a property page associated class using CPropertyPage. You can add any number of property pages to your application. To make it visually suitable for a tab control, you can set the following property values:

  • Set Border property to None
  • Set Control property to True (this is very important; if it is false, the tab key function will not have any effect).
  • Set the Disable property to False

Once you create your property pages, you have to link those pages with your tab control.

How to link pages with the tab control

  1. Create property page objects as members of the dialog where your control is (if property page classes are CPPone and CPPTwo):
  2. C++
    CPPOne m_oPPOne;
    CPPTwo m_oPPTwo;
  3. On the OnInitDialog member function:
  4. C++
    m_oPPOne.Create(IDD_PP_ONE);
    m_oPPTwo.Create(IDD_PP_TWO);
    
    // Using the addNewPage() function, user can set tab caption and the
    // property page user wants to attach with it.
    
    // setDefaultPage() will determine which page should have the very first focus.
    
    m_ctrlTabV.addNewPage("My Page 1",&m_oPPOne);
    m_ctrlTabV.addNewPage("My Page 2",&m_oPPTwo);
    m_ctrlTabV.setDefaultPage(0); 

That's it! This is all you have to do to use this control in your solution.

For those interested in the CIbTabCtrl class

This class is derived from the MFC CTabCtrl class. I have added three functions:

  1. AddNewPage(CString strPage, CWnd * pPage) (public)
  2. This will keep track of all the pages added. Here I am using the CArray member variable to keep those pages.

    C++
    InsertItem(this->GetItemCount(),strPage);
    pPage->ShowWindow(SW_HIDE);
    m_oPages.Add(pPage); // store page;
  3. setPage(CWnd* pWnd) (private member function)
  4. This will display and draw a page according to the size of the tab control.

    C++
    CIbTabCtrl::setPage(CWnd* pWnd)
    {
        CWnd * pPage;
        pPage = m_oPages.GetAt(m_iPrevPage);
        pPage->ShowWindow(SW_HIDE);
        CRect oRect,oWRect,oPWRect,oIRect;
        GetItemRect(0,oIRect);
        GetClientRect(oRect);
        GetWindowRect(oWRect);
        GetParent()->GetWindowRect(oPWRect);
        pWnd->SetWindowPos(this,oWRect.left-oPWRect.left,oWRect.top-oPWRect.top,
              oRect.Width()- 5,oRect.Height()-oIRect.Height() - void 6, SWP_SHOWWINDOW);
    }
  5. setDefaultPage(int iIndex) (public)
  6. Sets the default page.

  7. removePage(int iIndex) (public)
  8. This will remove the tab page from the tab control.

Hope this description is enough for you to use this control. You are free to ask any question on this article. I am sure you will enjoy this control very much.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
Sri Lanka Sri Lanka
I am working as a Tech Lead. I love VC++.
I am trying to get into new technologies coming with VC++ and also in other areas too.

Currently I am working in C# .Net as well...

Now I have sound knowledge in C# as well as in VC++.

Comments and Discussions

 
GeneralRe: Here is a fix that works for me ! Pin
slwgu8-Aug-12 15:15
slwgu8-Aug-12 15:15 
GeneralRe: Here is a fix that works for me ! Pin
dlee88817-Jan-07 10:41
dlee88817-Jan-07 10:41 
GeneralRe: Here is a fix that works for me ! Pin
myguru17-Jan-07 20:09
myguru17-Jan-07 20:09 
GeneralRe: Here is a fix that works for me ! Pin
dlee88818-Jan-07 10:00
dlee88818-Jan-07 10:00 
AnswerRe: No content in tab panes Pin
Mark Roddy13-Feb-12 9:13
Mark Roddy13-Feb-12 9:13 
QuestionWhy would I use this ? Pin
Maximilien22-Nov-06 7:35
Maximilien22-Nov-06 7:35 
AnswerRe: Why would I use this ? Pin
venura c.p.w. goonatillake22-Nov-06 15:41
venura c.p.w. goonatillake22-Nov-06 15:41 
GeneralRe: Why would I use this ? Pin
Manu.Dev1-Nov-07 17:35
Manu.Dev1-Nov-07 17:35 
Actually Maximilien has a point here.
As far as i can see, this is just to display a simple multi-tabbed interface on your dialog with each page of the tab mapping to a property page.
A separate control is not needed for that, just use the CPropertySheet class.
There you don’t need to do the housekeeping as in your setPage(CWnd* pWnd) or other methods.
To achieve same functionality with a CPropertyPage, the code will be:
<br />
//In MainDialog.h <br />
CPropertySheet m_Sheet;<br />
CPropertyPage m_pageOne;<br />
CProperyPage m_pageTwo;<br />
//other pages<br />

Just use CPropertySheet::Add(CPropertyPage* pPage) in the InitInstance() of the Main dialog
<br />
//In MainDialog.cpp InitInstance()<br />
//TODO:Add extra initialization code here<br />
//other stuff<br />
m_Sheet.Add(&m_pageOne)<br />
m_Sheet.Add(&m_pageTwo)<br />
//other pages<br />
m_Sheet.SetParent(this);<br />
m_Sheet.Create(this,WS_CHILD,0);<br />
m_Sheet.Show(SW_SHOW);<br />


only dead fish swim with the stream

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.