如何在自绘模式下绘制TabControl标签栏背景且避免标签选中时消失

核心思路 #

自绘模式（TabDrawMode.OwnerDrawFixed）下，TabControl的标签栏背景无法通过BackColor直接修改，且仅靠DrawItem事件处理会干扰系统默认的标签渲染流程。正确的做法是先在WM_PAINT消息中绘制整个标签栏的背景，再让系统完成单个标签的绘制，同时在DrawItem中仅处理每个标签的内容渲染。

具体实现步骤 #

1. 重写TabControl类，拦截WM_PAINT消息，先绘制标签栏整体背景。
2. 在DrawItem事件中正常绘制单个标签的背景、文本和边框，避免覆盖整体背景或导致标签消失。

代码示例 #

using System;
using System.Drawing;
using System.Windows.Forms;

public class CustomTabControl : TabControl
{
    // 自定义标签栏背景色
    private Color _tabBarBackColor = Color.FromArgb(45, 45, 48);

    protected override void WndProc(ref Message m)
    {
        switch (m.Msg)
        {
            case 0x000F: // WM_PAINT消息
                using (var graphics = Graphics.FromHwnd(this.Handle))
                {
                    // 计算标签栏整体区域：覆盖所有标签所在的横向范围，高度取标签高度+2保证完全覆盖
                    var tabBarRect = this.GetTabRect(this.TabCount - 1);
                    tabBarRect.Width = this.ClientSize.Width;
                    tabBarRect.Height = this.ItemSize.Height + 2;

                    // 绘制整体背景
                    using (var brush = new SolidBrush(_tabBarBackColor))
                    {
                        graphics.FillRectangle(brush, tabBarRect);
                    }
                }
                break;
        }
        // 调用基类方法，让系统继续处理标签的绘制流程
        base.WndProc(ref m);
    }

    protected override void OnDrawItem(DrawItemEventArgs e)
    {
        var tabPage = this.TabPages[e.Index];
        var tabRect = this.GetTabRect(e.Index);
        var isSelected = e.State.HasFlag(DrawItemState.Selected);

        // 绘制单个标签的背景（区分选中状态）
        using (var brush = new SolidBrush(isSelected ? Color.FromArgb(60, 60, 63) : _tabBarBackColor))
        {
            e.Graphics.FillRectangle(brush, tabRect);
        }

        // 绘制标签文本（区分选中状态）
        var textFormat = new StringFormat
        {
            Alignment = StringAlignment.Center,
            LineAlignment = StringAlignment.Center
        };
        using (var textBrush = new SolidBrush(isSelected ? Color.White : Color.LightGray))
        {
            e.Graphics.DrawString(tabPage.Text, this.Font, textBrush, tabRect, textFormat);
        }

        // 可选：绘制标签边框
        using (var pen = new Pen(Color.FromArgb(30, 30, 30)))
        {
            e.Graphics.DrawRectangle(pen, tabRect);
        }
    }
}

关键注意点 #

• WM_PAINT中先绘背景再调用基类方法：确保系统在你绘制的背景上渲染标签，不会覆盖整体背景，也不会丢失标签。
• DrawItem仅处理单个标签：不要在该事件中绘制整个标签栏背景，否则会和WM_PAINT的绘制冲突，导致部分标签被遮挡。
• 准确计算标签栏区域：通过GetTabRect和ItemSize确定背景范围，避免漏绘或超出边界。
• 区分选中状态：在DrawItem中根据DrawItemState.Selected设置不同的标签样式，避免选中标签“消失”。

之前方案无效的原因 #

• BackColor在自绘模式下被系统忽略，因为该模式要求开发者全权负责绘制逻辑。
• 仅在DrawItem中绘制背景会导致每个标签的背景相互覆盖，干扰系统默认的标签渲染流程，造成部分标签不可见。
• WM_PAINT中直接读取BackColor失败，是因为自绘模式下该属性未被系统关联到标签栏的渲染逻辑。

内容的提问来源于stack exchange，提问作者Edgar5