C# Groupbox - 自定义边框/标题的外观

Question

我有 2 个组框，我想对其进行更多自定义，并且我不想使用带有标签的面板（这意味着如果我想要一个边框，因为标签必须设置颜色以覆盖文本后面的边框）。

我设法通过捕获绘制事件并使用以下代码来更改边框颜色：

Graphics gfx = e.Graphics;
Pen p = new Pen(Color.FromArgb(86, 136, 186), 3);

GroupBox gb = (GroupBox)sender;
Rectangle r = new Rectangle(0, 0, gb.Width, gb.Height);

gfx.DrawLine(p, 0, 5, 0, r.Height - 2);
gfx.DrawLine(p, 0, 5, 10, 5);
gfx.DrawLine(p, 62, 5, r.Width - 2, 5);
gfx.DrawLine(p, r.Width - 2, 5, r.Width - 2, r.Height - 2);
gfx.DrawLine(p, r.Width - 2, r.Height - 2, 0, r.Height - 2);

我的问题是，像这样，如果标题太长，那么它会与边框重叠。事实上，它与顶部的左侧边框重叠 - 只需调整第二条 DrawLine 线即可轻松解决。不过，我想检测文本的 x 和宽度测量值，以便我可以正确定位边框。

有谁知道如何做到这一点？我在谷歌上查了一段时间，但什么也没引起我的注意。我知道标题是通过 GroupBox.Text 设置的。

还请说明我是否需要任何其他测量值，因为我也在更改边框厚度，所以如果字体很小但边框从中间向下开始为 10 像素，看起来会很奇怪...

提前致谢。

问候，

理查德

Answer 1

正如我看到你已经发现的那样，很容易获得字符串的大小。但我认为子类化控件会更容易，可以提供更好的外观并为您提供设计时支持。这是一个示例：

public class GroupBoxEx : GroupBox
{
    SizeF sizeOfText;
    protected override void OnTextChanged(EventArgs e)
    {
        base.OnTextChanged(e);
        CalculateTextSize();            
    }

    protected override void OnFontChanged(EventArgs e)
    {
        base.OnFontChanged(e);
        CalculateTextSize();
    }

    protected void CalculateTextSize()
    {
        // measure the string:
        using (Graphics g = this.CreateGraphics())
        {
            sizeOfText = g.MeasureString(Text, Font);
        }
        linePen = new Pen(Color.FromArgb(86, 136, 186), sizeOfText.Height * 0.1F);
    }

    Pen linePen;

    protected override void OnPaint(PaintEventArgs e)
    {
        // Draw the string, we now have complete control over where:

        Rectangle r = new Rectangle(ClientRectangle.Left + Margin.Left, 
            ClientRectangle.Top + Margin.Top, 
            ClientRectangle.Width - Margin.Left - Margin.Right, 
            ClientRectangle.Height - Margin.Top - Margin.Bottom);

        const int gapInLine = 2;
        const int textMarginLeft = 7, textMarginTop = 2;

        // Top line:
        e.Graphics.DrawLine(linePen, r.Left, r.Top, r.Left + textMarginLeft - gapInLine, r.Top);
        e.Graphics.DrawLine(linePen, r.Left + textMarginLeft + sizeOfText.Width, r.Top, r.Right, r.Top);
        // and so on...

        // Now, draw the string at the desired location:            
        e.Graphics.DrawString(Text, Font, Brushes.Black, new Point(this.ClientRectangle.Left + textMarginLeft, this.ClientRectangle.Top - textMarginTop));
    }
}

您会注意到控件不再自行绘制，您负责整个过程。这使您可以准确地知道文本在哪里绘制 - 您自己绘制它。

（另请注意，线条是弦高的 1/10。）

Answer 2

好吧，我现在已经找到了如何获取一段文本的长度...我使用了以下内容：

SizeF textsize = gfx.MeasureString(gb.Text, gb.Font);

其中 gfx 是 Graphics，gb 是 GroupBox。不过，我认为编写自己的自定义类（继承自 Panel）可能值得，向其添加标签，然后我将能够告诉它将标签放置在 1、5、10、200、254 等像素中。或者我还发现我无法覆盖标准边框 - 如果我的边框是 1px，它仍然会通过我添加的边框显示 - 使用 GroupBox 的另一个缺点。

问候，

理查德