tags:

views:

379

answers:

2

It seems like a simple question but how do I set the bacground color of the 'tab control', it seems to be derived from the standard window theme color. Is it Possible to create a black tab control with white text written on the tabs themselves (not the tab page)?

Help, I,m a little familiar with custom controls extending existing controls but I don't know what properties (if they exist) to set.

+1  A: 

http://dotnetrix.co.uk/tabcontrol.htm

private void tabControl1_DrawItem(object sender, System.Windows.Forms.DrawItemEventArgs e)
{
TabPage CurrentTab = tabControl1.TabPages[e.Index];
Rectangle ItemRect = tabControl1.GetTabRect(e.Index);
SolidBrush FillBrush = new SolidBrush(Color.Red);
SolidBrush TextBrush = new SolidBrush(Color.White);
StringFormat sf = new StringFormat();
sf.Alignment = StringAlignment.Center;
sf.LineAlignment = StringAlignment.Center;

//If we are currently painting the Selected TabItem we'll
//change the brush colors and inflate the rectangle.
if (System.Convert.ToBoolean(e.State & DrawItemState.Selected))
{
    FillBrush.Color = Color.White;
    TextBrush.Color = Color.Red;
    ItemRect.Inflate(2, 2);
}

//Set up rotation for left and right aligned tabs
if (tabControl1.Alignment == TabAlignment.Left || tabControl1.Alignment == TabAlignment.Right)
{
    float RotateAngle = 90;
    if (tabControl1.Alignment == TabAlignment.Left)
        RotateAngle = 270;
    PointF cp = new PointF(ItemRect.Left + (ItemRect.Width / 2), ItemRect.Top + (ItemRect.Height / 2));
    e.Graphics.TranslateTransform(cp.X, cp.Y);
    e.Graphics.RotateTransform(RotateAngle);
    ItemRect = new Rectangle(-(ItemRect.Height / 2), -(ItemRect.Width / 2), ItemRect.Height, ItemRect.Width);
}

//Next we'll paint the TabItem with our Fill Brush
e.Graphics.FillRectangle(FillBrush, ItemRect);

//Now draw the text.
e.Graphics.DrawString(CurrentTab.Text, e.Font, TextBrush, (RectangleF)ItemRect, sf);

//Reset any Graphics rotation
e.Graphics.ResetTransform();

//Finally, we should Dispose of our brushes.
FillBrush.Dispose();
TextBrush.Dispose();
}

HTH, Mark

Mark Cooper
Thanks! I'll check this out.
Zion
A: 

I use something like this in mu TabControl derived class (and it will do gradients too):

protected override void OnDrawItem(DrawItemEventArgs e)
{
    // fill in the whole rect
    using (SolidBrush br = new SolidBrush(Theme.FormBackColor))
    {
        e.Graphics.FillRectangle(br, ClientRectangle);
    }

    // draw the tabs
    for (int i = 0; i < TabPages.Count; ++i)
    {
        TabPage tab = TabPages[i];
        // Get the text area of the current tab
        RectangleF tabTextArea = (RectangleF)GetTabRect(i);

        // determine how to draw the tab based on which type of tab it is
        Color tabTopBackColor = GetTopBackColor();
        Color tabBottomBackColor = GetBottomBackColor();
        Color tabTextColor = GetTextColor();

        // draw the background
        using (LinearGradientBrush br = new LinearGradientBrush(tabTextArea, tabTopBackColor, tabBottomBackColor, LinearGradientMode.Vertical))
        {
            e.Graphics.FillRectangle(br, tabTextArea);
        }

        // draw the tab header text
        using (SolidBrush brush = new SolidBrush(tabTextColor))
        {
            e.Graphics.DrawString(tab.Text, Font, brush, CreateTabHeaderTextRect(tabTextArea));
        }
    }
}

private RectangleF CreateTabHeaderTextRect(RectangleF tabTextArea)
{
    tabTextArea.X += 3;
    tabTextArea.Y += 1;

    tabTextArea.Height -= 1;

    return tabTextArea;
}
Mike Hall