如何在C# WinForm的TabPage头部导航栏添加图片？

你的代码是把图片添加到了TabPage的内容区域，要让图片显示在导航栏（标签栏），可以用以下两种方法：

方法一：使用ImageList快速实现 #

这是最简单的方式，通过给TabControl绑定ImageList来设置标签图标：

1. 先初始化ImageList并绑定到TabControl：

// 在Form初始化时执行（比如构造函数、Load事件）
ImageList tabImageList = new ImageList();
tabImageList.ImageSize = new Size(32, 32); // 根据需要设置图片尺寸
tabImageList.Images.Add(Image.FromFile(@"gameBarResources\kakumei.png"));
_tabControl.ImageList = tabImageList;

2. 修改你的AddCustomTabs方法：

public TabPage AddCustomTabs()
{
    TabPage imageTab = new TabPage();
    imageTab.Text = ""; // 隐藏标签文字，只显示图片
    imageTab.ImageIndex = 0; // 指定ImageList中图片的索引

    _tabControl.TabPages.Add(imageTab);
    return imageTab;
}

方法二：自定义绘制标签（更灵活） #

如果需要自定义图片位置、大小或标签样式，可通过重写TabControl的DrawItem事件实现：

1. 设置TabControl的绘制模式并绑定事件：

// 在Form初始化时执行
_tabControl.DrawMode = TabDrawMode.OwnerDrawFixed;
_tabControl.DrawItem += TabControl_DrawItem;

2. 实现DrawItem事件处理逻辑：

private void TabControl_DrawItem(object sender, DrawItemEventArgs e)
{
    TabControl tabControl = sender as TabControl;
    TabPage tabPage = tabControl.TabPages[e.Index];

    // 绘制标签背景（替换成你的粉色）
    using (SolidBrush bgBrush = new SolidBrush(Color.Pink))
    {
        e.Graphics.FillRectangle(bgBrush, e.Bounds);
    }

    // 加载并绘制图片
    Image tabImage = Image.FromFile(@"gameBarResources\kakumei.png");
    // 让图片在标签中居中显示
    int imgX = e.Bounds.Left + (e.Bounds.Width - tabImage.Width) / 2;
    int imgY = e.Bounds.Top + (e.Bounds.Height - tabImage.Height) / 2;
    e.Graphics.DrawImage(tabImage, imgX, imgY);

    // 绘制标签边框
    e.DrawFocusRectangle();
}

3. 你的AddCustomTabs方法保持简洁：

public TabPage AddCustomTabs()
{
    TabPage imageTab = new TabPage();
    imageTab.Text = "";
    _tabControl.TabPages.Add(imageTab);
    return imageTab;
}

注意事项 #

• 确保图片路径正确，建议将图片设为嵌入资源，避免部署时找不到文件
• 自定义绘制时可通过Image.GetThumbnailImage缩放图片到合适尺寸

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