Click here to Skip to main content
15,867,308 members
Articles / Desktop Programming / Windows Forms
Article

TabStrips: A TabControl in the Visual Studio 2005 way!

Rate me:
Please Sign up or sign in to vote.
4.82/5 (78 votes)
5 Dec 20063 min read 474.8K   12.5K   252   133
A TabControl in the Visual Studio 2005 style, which supports correct Right-To-Left (RTL) and Left-To-Right (LTR) drawing.

Sample Image - TabStrip.gif

Introduction

Besides all the new features of Visual Studio, there is a distinct TabControl with a new style like no other. The code here tries to build up a control which behaves like the tab pages of VS.NET 2005.

Building a TabControl consists of building two controls: a TabControl itself, which is a container control, but only accepts TabPages as a containing control. This could be done by assigning a Designer class to the TabControl. Now, TabPage is a container control too, but can accept all kinds of controls hosted in it.

The Visual Studio TabControl slightly differs from a normal tab control, because it only shows as much TabPages as fits the width of the control. All the other TabPages are available via a context menu appearing by clicking the glyph icon. Selecting a TabPage from the menu brings it to position 0 of the TabPageCollection, so that it appears as the first TabPage.

Right-To-Left Rendering of Controls

Adding the RTL drawing feature to a control requires additional coding for drawing. The developer should handle the correct drawing behavior when the control sets its RightToLeft property to Yes. The Graphics class has a method to draw strings. In RTL control drawing, it is important to use the below overload with the StringFormat setting its FormatFlags flag to DirectionRightToLeft. Note that since the StringFormat class is not a lightweight class, you should dispose it after using. It's more convenient to use a using block to achieve this:

Image 2

C#
e.Graphics.DrawString(string, Font, Brush, Rectangle, StringFormat);
C#
using (HeavyWeightDisposableObject obj = 
       new HeavyWeightDisposableObject()) 
{
   //Do Operation and leave; will automatically dispose
}
C#
//
// paint method of the control
//

using(StringFormat fmt = new StringFormat())
{
    fmt.FormatFlags |= StringFormatFlags.DirectionRightToLeft;
    g.DrawString("Test String...", this.Font, 
                 SystemBrushes.Control, TextRectangle, fmt);
}

Image 3

Design-Time Integration

For design-time behavior of the TabStrip control, I'm using a sub-class of the ParentControlDesigner class. It is nice to add the design-time verbs (e.g., Add/Remove TabPages) to this class, which makes life for the developer easier.

An additional step here is to remove the properties of the Control class which we do not want to be visible during design-time, by overriding the PreFilterProperties of the designer:

C#
protected override void PreFilterProperties(
          System.Collections.IDictionary properties)
{
   base.PreFilterProperties(properties);

   properties.Remove("DockPadding");
   properties.Remove("DrawGrid");
   properties.Remove("Margin");
}

In a normal TabControl, the user can change the selected tab by clicking on the TabItems during design-time. To do this, we could override the GetHitTest(Point pt) method of the designer, but I don't know why it crashes my VS.NET IDE, so I had to think of another way. That's when tapping on Windows messages came in handy. Just override the WndProc(ref Message msg) method, and listen for the MouseLeftClick message (0x201), and check for a hit-test on TabItems:

C#
protected override void WndProc(ref Message msg)
{
   if (msg.Msg == 0x201)
   {
      Point pt = Control.PointToClient(Cursor.Position);
      FATabStripItem itm = Control.GetTabItemByPoint(pt);
         
      if (itm != null)
      {
         Control.SelectedItem = itm;
         ArrayList selection = new ArrayList();
         selection.Add(itm);
         ISelectionService selectionService = 
           (ISelectionService)GetService(typeof(ISelectionService));
         selectionService.SetSelectedComponents(selection);
      }
   }

   base.WndProc(ref msg);
}

Points of Interest

If you want to use these controls on .NET 1.1, you'll have to change the use of ContextMenuStrip, which is a new control in .NET 2, with the old ContextMenu control. All the painting is done in GDI+, so it should work on Windows 98 or Windows 2000, although it is not tested yet.

For further releases or any suggestions/comments/feedbacks, please leave me a message at my address, or visit my web site.

History

Version 2

  • Bug fix: Problem with the Designer which made controls added to FATabStripItems disappear.
  • Bug fix: Disposing of heavy-weight objects when the control is being disposed (e.g., fonts, image, etc.) (reported by #sne#).
  • Bug fix: Problem with anchoring of controls/usercontrols in a FATabStripItems (reported by #sne#).
  • Added: FATabStripItems can now have an image which will be displayed on menu (thanks to danielku15).
  • Added: A HitTest method which will report which part of the control is clicked by the user.
  • Changes: Refactoring Selecting method of FATabItem.
Version 1
  • Providing base classes, and a TabStrip control with the Visual Studio 2005 theme implemented.
  • Providing a control-designer for TabStrip and TabStripItems.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Software Developer (Senior) Readify
Australia Australia
Working on both Java and .NET Technology, I have developed various enterprise level applications on both platforms. Currently, I am working as a Senior Software Developer at Readify which is a leading company on .NET technology in Australia.

Comments and Discussions

 
QuestionHow can i increase the number taps open at once in the tab control? Pin
Member 1258453527-Jul-16 4:01
Member 1258453527-Jul-16 4:01 
GeneralMy vote of 5 Pin
miguelagl9-Jan-16 9:23
miguelagl9-Jan-16 9:23 
QuestionWhat kind of license for usability it has? Pin
Member 109798949-Oct-15 10:35
Member 109798949-Oct-15 10:35 
QuestionAdding the control to window form Pin
gpsd25-Jan-15 11:02
gpsd25-Jan-15 11:02 
Questionmissing scrollbar when tab is window file explorer Pin
Jack Liu Angel12-Dec-14 17:05
Jack Liu Angel12-Dec-14 17:05 
QuestionTab and contained controls not Disposed Pin
SSDiver211224-Nov-14 7:05
SSDiver211224-Nov-14 7:05 
QuestionThank you Pin
Elizalde G. Baguinon16-Feb-14 14:27
Elizalde G. Baguinon16-Feb-14 14:27 
QuestionWhen More tabs and maximized window Pin
Vijay Sridhara29-Jan-13 0:10
Vijay Sridhara29-Jan-13 0:10 
AnswerRe: When More tabs and maximized window Pin
aeo00000013-Apr-16 21:05
aeo00000013-Apr-16 21:05 
QuestionMy Vote of 5 Pin
Member 933872628-Jan-13 11:40
Member 933872628-Jan-13 11:40 
QuestionAlignment Pin
Decster14-Nov-12 1:08
Decster14-Nov-12 1:08 
AnswerRe: Alignment Pin
aeo00000013-Apr-16 20:23
aeo00000013-Apr-16 20:23 
GeneralMy vote of 5 Pin
ashe30716-Jul-12 5:10
ashe30716-Jul-12 5:10 
QuestionSelect a tab programmaticly Pin
hackerspk12-Jun-12 15:40
hackerspk12-Jun-12 15:40 
AnswerRe: Select a tab programmaticly Pin
4BigJx29-Aug-23 12:47
4BigJx29-Aug-23 12:47 
QuestionJust add close button. Pin
Behzad Sedighzadeh17-Dec-11 4:02
Behzad Sedighzadeh17-Dec-11 4:02 
Questionmono Pin
Rayan Isran20-Nov-11 22:20
Rayan Isran20-Nov-11 22:20 
QuestionIt plans to add Tooltip to the TabPage (FATabStripItem)? Pin
miguelagl28-Sep-11 23:48
miguelagl28-Sep-11 23:48 
AnswerRe: It plans to add Tooltip to the TabPage (FATabStripItem)? Pin
miguelagl31-Jan-16 23:37
miguelagl31-Jan-16 23:37 
QuestionProblem When Used With VS 2010 Pin
enkur18-Sep-11 12:59
enkur18-Sep-11 12:59 
AnswerRe: Problem When Used With VS 2010 Pin
Hadi Eskandari18-Sep-11 19:13
professionalHadi Eskandari18-Sep-11 19:13 
GeneralRe: Problem When Used With VS 2010 Pin
enkur19-Sep-11 12:12
enkur19-Sep-11 12:12 
GeneralRe: Problem When Used With VS 2010 Pin
Santa's Little Helper20-Dec-11 4:37
Santa's Little Helper20-Dec-11 4:37 
GeneralRe: Problem When Used With VS 2010 Pin
MehdiEbadi6230-Jun-12 3:06
MehdiEbadi6230-Jun-12 3:06 
QuestionAutoScroll, Draggable, Colored Tabs, Images On Bar Pin
Michael Pelland14-Sep-11 2:38
Michael Pelland14-Sep-11 2:38 

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.