LinearGradientBrush无法正确呈现

Question

请考虑标准System.Windows.Forms.Form

中的以下代码

protected override void OnPaint(PaintEventArgs e)
{
    base.OnPaint(e);
    Rectangle test = new Rectangle(50, 50, 100, 100);
    using (LinearGradientBrush brush = new LinearGradientBrush(test, Color.Red, Color.Blue, 0f))
    {
        e.Graphics.DrawRectangle(new Pen(brush, 8), test);
    }
}

它产生了这个结果：

为什么红线和蓝线显示的顺序不正确，如何修复？

Answer 1

渲染起源是问题所在。您要求宽度为8px的Pen，并且从矩形定义的线的两个方向上将8px定义为向外4px。这是由于Alignment=Center的默认值。如果您将Pen设置为使用Alignment=Inset，则会获得更好的结果。

只需将此行添加到原始代码即可看到此行：

e.Graphics.DrawRectangle(Pens.White, test);

将您的方法更改为此方式，它将起作用：

Rectangle test = new Rectangle(50, 50, 100, 100);
using (LinearGradientBrush brush = new LinearGradientBrush(test, Color.Red, Color.Blue, 0f))
{
    using (var pen = new Pen(brush, 8f))
    {
        pen.Alignment = PenAlignment.Inset;
        e.Graphics.DrawRectangle(pen, test);
    }
}