更改 WinForms 控件的边框颜色和外观

Question

当用户悬停标签时，它会在标签上添加top-border 和bottom-border。

类似这样的东西：http://ianlunn.github.io/Hover/ -> 边框过渡 -> 中心下划线。

但是，我只知道如何定义普通边框。我什至不能改变边框的颜色，他的宽度等等......

这是我目前所取得的成就：

designer.cs：

this.label1.BackColor = System.Drawing.SystemColors.ActiveCaption;
this.label1.Font = new System.Drawing.Font("Arial", 16F, System.Drawing.FontStyle.Bold);
this.label1.Location = new System.Drawing.Point(124, 187);
this.label1.Name = "label1";
this.label1.Size = new System.Drawing.Size(217, 65);
this.label1.TabIndex = 0;
this.label1.Text = "Something Cool";
this.label1.TextAlign = System.Drawing.ContentAlignment.MiddleCenter;
this.label1.MouseHover += new System.EventHandler(this.label1_MouseHover);
this.label1.MouseLeave += new System.EventHandler(this.label1_MouseLeave);

cs:

private void label1_MouseHover(object sender, EventArgs e)
{
    label1.BorderStyle = BorderStyle.FixedSingle;
    label1.Font = new Font("Arial", 18, FontStyle.Bold);
}

private void label1_MouseLeave(object sender, EventArgs e)
{
    // initialize
    label1.BorderStyle = BorderStyle.None;
    label1.Font = new Font("Arial", 16, FontStyle.Bold);
}

Answer 1

首先我建议你使用label1_MouseEnter() 事件而不是label1_MouseHover() 事件。由于悬停事件在您悬停label1 时不断触发。这是不必要的，因为您将在输入标签时更改label1 的外观，并在您离开后将其更改回默认值。所以MouseEnter()是你的首选。

我们将定义一个bool 变量来检查是否在label1 周围绘制了一个环绕的边框外壳。我们在MouseEnter() 和MouseLeave() 事件中更改它的值。

bool changeBorder;

在这些事件中，我们将调用 label1.Refresh()，它会重绘控件，因此将触发 Paint() 事件。

private void label1_MouseEnter(object sender, EventArgs e)
{
    changeBorder = true;
    label1.Refresh();
}

private void label1_MouseLeave(object sender, EventArgs e)
{
    changeBorder = false;
    label1.Refresh();
}

现在我们验证是否绘制了一个新的特殊边框 shell。如果是这样，我们使用ControlPaint 类及其DrawBorder() 方法来绘制label1 的Rectangle 大小的自定义边框。您可以根据需要修改此边框。如果我们不想画这个特殊边框，我们画一个默认边框。什么只是有Form的Backcolor的颜色，所以看起来label1周围没有任何边框。

private void label1_Paint(object sender, PaintEventArgs e)
{
    if (changeBorder)
    {
        ControlPaint.DrawBorder(e.Graphics, e.ClipRectangle,
                      Color.Red, 0, ButtonBorderStyle.Solid,
                      Color.Red, 2, ButtonBorderStyle.Solid,
                      Color.Red, 0, ButtonBorderStyle.Solid,
                      Color.Red, 2, ButtonBorderStyle.Solid);
    }
    else
        ControlPaint.DrawBorder(e.Graphics, e.ClipRectangle, this.BackColor, ButtonBorderStyle.None);
    }

在ControlPaint.DrawBorder() 的方法参数中注意0 而不是2。 矩形宽度的ControlPaint.DrawBorder()参数如下：

1. int leftWidth
2. int topWidth
3. int rightWidth
4. int bottowmWidth

这就是为什么我将值0 设置为第一个和第三个，因此不会在右侧和左侧绘制边框。您可以根据自己的需要进行调整。