如何在Windows Forms中创建带箭头的面板宽度按钮（非Unicode箭头文本方式）

我明白你要的不是那种靠Unicode字符凑出来的箭头按钮，而是一个像面板一样、带箭头的自定义控件对吧？我之前在做WinForms项目时也遇到过类似需求，给你几个靠谱的实现方案：

方案一：自定义Panel控件（最灵活可控） #

Panel本身就可以当作可点击的容器，我们可以通过重写它的OnPaint方法来绘制箭头，完全自定义样式：

1. 创建一个自定义控件类，继承自Panel：

public class ArrowPanelButton : Panel
{
    public ArrowDirection ArrowDir { get; set; } = ArrowDirection.Left;
    public Color ArrowColor { get; set; } = Color.Black;

    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);
        // 绘制箭头，这里以向左箭头为例
        int arrowSize = 12;
        int padding = 8;
        Point[] arrowPoints;

        switch(ArrowDir)
        {
            case ArrowDirection.Left:
                arrowPoints = new[]
                {
                    new Point(padding, this.Height / 2),
                    new Point(padding + arrowSize, this.Height / 2 - arrowSize/2),
                    new Point(padding + arrowSize, this.Height / 2 + arrowSize/2)
                };
                break;
            // 可以扩展其他方向：Right、Up、Down
            default:
                arrowPoints = Array.Empty<Point>();
                break;
        }

        // 填充箭头
        using (SolidBrush brush = new SolidBrush(ArrowColor))
        {
            e.Graphics.FillPolygon(brush, arrowPoints);
        }

        // 绘制文本（如果需要）
        using (StringFormat sf = new StringFormat { Alignment = StringAlignment.Center, LineAlignment = StringAlignment.Center })
        {
            // 偏移文本位置，避开箭头区域
            Rectangle textRect = new Rectangle(padding + arrowSize + 4, 0, this.Width - (padding + arrowSize + 4), this.Height);
            e.Graphics.DrawString("Remove", this.Font, Brushes.Black, textRect, sf);
        }
    }

    // 添加点击事件（Panel默认可以响应Click）
    protected override void OnMouseClick(MouseEventArgs e)
    {
        base.OnMouseClick(e);
        // 这里可以触发自定义事件，或者直接处理逻辑
        MessageBox.Show("Remove clicked!");
    }

    // 可选：添加Hover效果
    protected override void OnMouseEnter(EventArgs e)
    {
        base.OnMouseEnter(e);
        this.BackColor = Color.LightGray;
    }

    protected override void OnMouseLeave(EventArgs e)
    {
        base.OnMouseLeave(e);
        this.BackColor = SystemColors.Control;
    }
}

public enum ArrowDirection
{
    Left,
    Right,
    Up,
    Down
}

2. 编译项目后，这个自定义控件会出现在工具箱里，直接拖到窗体上就能用，还可以在属性面板调整箭头方向、颜色等。

方案二：组合现有控件（快速上手） #

如果不想写自定义控件代码，直接用现有控件组合也能快速实现：

• 拖一个Panel到窗体，设置BorderStyle为FixedSingle，调整合适的大小和背景色
• 在Panel里拖一个PictureBox，加载你想要的箭头图标（可以自己画一个简单的箭头保存为PNG/ICO，或者用系统图标）
• 再拖一个Label，设置Text为“Remove”，调整位置让它和箭头对齐
• 给Panel添加Click事件，把整个Panel当作按钮来使用
• 可选：给Panel添加MouseEnter/MouseLeave事件，实现hover变色效果

这种方法的好处是不用写复杂的绘图代码，可视化设计就行，适合快速原型开发。

方案三：重写Button控件（基于原生Button扩展） #

如果你更倾向于用Button的基础功能（比如默认的按下效果），可以重写Button的OnPaint方法来添加箭头：

public class ArrowButton : Button
{
    protected override void OnPaint(PaintEventArgs pevent)
    {
        // 先绘制原生Button的样式
        base.OnPaint(pevent);
        // 在按钮左侧绘制箭头
        int arrowSize = 10;
        int padding = 5;
        Point[] arrowPoints = new[]
        {
            new Point(padding, this.Height / 2),
            new Point(padding + arrowSize, this.Height / 2 - arrowSize/2),
            new Point(padding + arrowSize, this.Height / 2 + arrowSize/2)
        };
        using (SolidBrush brush = new SolidBrush(this.ForeColor))
        {
            pevent.Graphics.FillPolygon(brush, arrowPoints);
        }
        // 调整文本位置，避开箭头
        this.TextAlign = ContentAlignment.MiddleLeft;
        this.Padding = new Padding(padding + arrowSize + 5, 0, 0, 0);
    }
}

这样出来的控件既有Button的原生交互（比如按下时的凹陷效果），又有自定义的箭头，兼顾了原生体验和自定义需求。

内容的提问来源于stack exchange，提问作者na-no.