如何在不将Dock设置为Fill的情况下将标签居中放置在面板中 [英] How to center a Label inside a Panel without setting Dock to Fill

问题描述

我试图创建一个带有边框的自定义面板，可以更改其颜色，以便在某些情况下突出显示"面板.

I've attempted to create a custom Panel with a border around it, whose Color can be changed in order to "highlight" the Panel under certain conditions.

小组还需要通过文本传达某些信息.为此，我在面板上添加了标签.我已经尝试了使用规定的方法来使Label居中，但由于某种原因，它总是将其放在Panel的左上方.我无法将Label的Dock设置为Fill，因为它掩盖了已创建的自定义边框.因此，我需要使它适合边框内.

The Panel will also need to communicate certain information via text. For this purpose, I've added a Label to the Panel. I've tried the prescribed methods for centering the Label but for some reason it always puts it to the top-left of the Panel. I can't set the Label's Dock to Fill because that covers up the custom border that's been created. So I need to make it so that the Label fits within the border.

标签的锚点设置为无"，并且其位置为

The Label's Anchor is set to None and its Location is

new Point((ClientSize.Width - Size.Width)/2, (ClientSize.Height - Size.Height)/2);

自定义面板的代码为:

public class CustomPanel : Panel
{
    public CustomPanel(int borderThickness, Color borderColor) : base()
    {
        SetStyle(ControlStyles.AllPaintingInWmPaint | 
                 ControlStyles.UserPaint | 
                 ControlStyles.OptimizedDoubleBuffer | 
                 ControlStyles.ResizeRedraw, true);

        BackColor = SystemColors.ActiveCaption;
        BorderStyle = BorderStyle.FixedSingle;
        Size = new Size(45, 45);
        Margin = new Padding(0);
        BorderThickness = borderThickness;
        BorderColor = borderColor;
    }

    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);

        if (BorderStyle == BorderStyle.FixedSingle)
        {
            int halfThickness = BorderThickness / 2;
            using (Pen p = new Pen(BorderColor, BorderThickness))
            {
                e.Graphics.DrawRectangle(p, new Rectangle(halfThickness,
                     halfThickness,
                     ClientSize.Width - BorderThickness, ClientSize.Height - BorderThickness));
            }
        }
    }

    public int BorderThickness { get; set; }
    public Color BorderColor { get; set; }
}

表单代码为:

private void NewPanelTest_Load(object sender, EventArgs e)
{
    CustomPanel cp = new CustomPanel(3, Color.Black);

    // Create new Label
    Label info = new Label()
    {
        Size = new Size(30, 30),
        Text = "Info",
        Anchor = AnchorStyles.None,
        TextAlign = ContentAlignment.MiddleCenter,
        Enabled = false,
        Font = new Font("Microsoft Sans Serif", 6),
        ForeColor = Color.White,
        Location = new Point(ClientSize.Width/2 - Width/2, ClientSize.Height/2 - Height/2)
    };

    cp.Controls.Add(info);

    this.Controls.Add(cp);
}

我查看了类似的问题，并尝试更改Label的属性，但没有结果.

I've looked at similar questions asked and tried changing the Label's properties but with no results.

// Create new Label
Label info = new Label()
{
    // Same code as before

    // Different code
    Left = (this.ClientSize.Width - Size.Width) / 2,
    Top = (this.ClientSize.Height - Size.Height) / 2,
    //Location = new Point(ClientSize.Width/2 - Width/2, ClientSize.Height/2 - Height/2)
};

我也尝试过更改面板的填充，但也没有结果.

I've also tried changing the Panel's Padding, also with no results.

Padding = new Padding(5);

尝试以编程方式将Label放置在面板中心(产生X = 0，Y = 0的结果)

Attempt at programatically placing Label in center of Panel (yields results of X = 0, Y = 0)

// Create new Label
Label info = new Label()
{
    // Same code as before (excluding "Left", "Top", and "Location")
};
int X = (info.ClientSize.Width - info.Width) / 2;
int Y = (info.ClientSize.Height - info.Height) / 2;
info.Location = new Point(X, Y);
MessageBox.Show(info.Location.ToString());

cp.Controls.Add(info);

推荐答案

我们可以通过简单的步骤来实现

We can achive this by simple steps

• 将标签锚定为左右
• 将Label AutoSize设置为false；
• 将标签TextAlign设置为MiddleCenter；

现在将标签放置在面板中间.

now Place label middle of panel.

   int x = (panel1.Size.Width - label1.Size.Width) / 2;
    label1.Location = new Point(x, label1.Location.Y);

这篇关于如何在不将Dock设置为Fill的情况下将标签居中放置在面板中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！