Question

我想创建用于显示文本的用户控件我需要一种在运行时调整控件大小的方法，以便调整高度以显示所有文本。我已经创建了如下所示的控件：

正如您所看到的，我使用TextRenderer.DrawText绘制了图标和文字。不幸的是，当我调整控件的大小（仅向左或向右）时，我的文本有时会被删除，如下所示：

我正在使用TextRenderer.MeasureText基于我正在计算行数来测量文本然后我正在绘制该文本。这是我正在使用的代码：

[Designer(typeof(MyTextBoxDesigner))]
public partial class MyTextBox : UserControl
{
    public MyTextBox()
    {
        InitializeComponent();
    }

    [DefaultValue("Demo"), Description("Text of control"), Category("Appearance"),Browsable(true)]
    [DesignerSerializationVisibility(DesignerSerializationVisibility.Visible)]
    public override string Text
    {
        get
        {
            return base.Text;
        }
        set
        {
            if (base.Text == value) return;
            base.Text = value;
            Invalidate();
        }
    }

    Image _image;
    [Description("Image shown on the left side of the control"),
    Category("Appearance")]
    public Image Image
    {
        get
        {
            return _image;
        }
        set
        {
            if (_image == value) return;
            _image = value;
            Invalidate();
        }
    }

    protected override void OnPaint(PaintEventArgs e)
    {
        int imagePadding = 0;
        if (_image != null)
        {
            imagePadding = 25;
            e.Graphics.DrawImage(_image,new Rectangle(5,5,16,16));
        }
        Size textSize1 = TextRenderer.MeasureText(e.Graphics, Text, Font);
        SizeF textSize2 = e.Graphics.MeasureString(Text, Font);

        Debug.WriteLine(textSize2);

        int maxTextWidth = Width - Padding.Left-Padding.Right-imagePadding;
        int lineHeight = textSize1.Height + 2;
        int numLines = 1;

        if (textSize1.Width > maxTextWidth)
        {
            numLines = textSize1.Width / maxTextWidth + 1;
        }

        Rectangle textRect = new Rectangle
        {
            Width = Width - Padding.Left-Padding.Right-imagePadding,
            Height = (numLines * lineHeight),
            X = Padding.Left+imagePadding,
            Y = 5
        };

        TextRenderer.DrawText(e.Graphics, Text, Font, textRect, ForeColor, TextFormatFlags.WordBreak | TextFormatFlags.Left | TextFormatFlags.Top);

        e.Graphics.DrawRectangle(Pens.CadetBlue, textRect);

        base.OnPaint(e);
    }
}

internal class MyTextBoxDesigner : ControlDesigner
{
    public override SelectionRules SelectionRules
    {
        get
        {
            //all minus bottom and top
            return (base.SelectionRules & ~(SelectionRules.BottomSizeable | SelectionRules.TopSizeable));
        }
    }
}

理想情况下，我希望我的控制能够根据文本长度自动调整高度，因此如果文本很短（或控制得足够长），例如20px高度，但如果文本很长，我的控制应该是（对于例子）40px高度（2行文字）。

如何更改文字测量值以正确计算textRect？我应该使用Size属性更新控件的高度还是有更好的方法？

修改基本上我想绘制可以包裹在矩形内部但具有固定宽度的文本，因此当文本较长时，矩形将调整其高度。然后根据那个高度，我想调整控制高度。

Answer 1

这是一个自动高度控制。如果更改控件的宽度，控件的高度将以可显示整个文本的方式更改。

您可以使用不同的方法创建此类控件，包括：

方法1：自动调整托管标签的复合控件
此方法基于在自动大小Label中托管动态最大宽度的自动尺寸Control。在这种方法中，我们根据控件的宽度设置标签的最大宽度，因为标签是自动尺寸，它的高度将自动设置为显示所有文本，然后我们根据标签的高度设置控制高度。
方法2：自动调整简单控制从头开始无标签
此方法基于覆盖SetBoundsCore并根据其Text大小设置控件大小。在这种方法中，我们使用TextRenderer.MeasureText基于控制宽度计算文本大小，然后将计算高度设置为控制高度。在这种方法中，您应该处理文本格式标记并自己渲染。

在两种方法中，ControlDesigner用于禁用除左右之外的所有尺寸抓握手柄。

请注意

这些不是唯一可用的方法，但却是很好的例子。作为另一种选择，您可以从Label继承并更改其行为。

方法1：托管标签的自动调整大小控制

它的工作原理是将标签的AutoSize属性设置为true，然后根据控制MaximumSize设置标签的Width。控制高度也根据标签的高度设定。您只需使用OnPaint方法绘制图像即可。您还可以为图片添加PictureBox。

using System;
using System.ComponentModel;
using System.Drawing;
using System.Windows.Forms;
[Designer(typeof(MyLabelDesigner))]
public partial class MyLabel : Control
{
    public MyLabel() { InitializeComponent(); }
    private System.Windows.Forms.Label textLabel;
    private void InitializeComponent()
    {
        this.textLabel = new System.Windows.Forms.Label();
        this.textLabel.AutoSize = true;
        this.textLabel.Location = new System.Drawing.Point(0, 0);
        this.textLabel.Name = "label1";
        textLabel.SizeChanged += new EventHandler(textLabel_SizeChanged);
        this.AutoSize = true;
        this.Controls.Add(this.textLabel);
    }
    void textLabel_SizeChanged(object sender, EventArgs e)
    {
        this.Height = this.textLabel.Bottom + 0;
    }
    protected override void OnSizeChanged(EventArgs e)
    {
        base.OnSizeChanged(e);
        this.textLabel.MaximumSize = new Size(this.Width, 0);
    }
    [Browsable(true)]
    [DesignerSerializationVisibility(DesignerSerializationVisibility.Visible)]
    public override string Text
    {
        get { return this.textLabel.Text; }
        set { this.textLabel.Text = value; }
    }
}

方法2：从头开始自动调整简单控制而不使用标签

此方法基于SetBoundsCore中基于当前宽度和Text的计算高度设置控件大小。计算控制高度。您只需绘制Image。

即可

using System.Windows.Forms;
using System.Drawing;
using System.ComponentModel;
using System.Windows.Forms.Design;
[Designer(typeof(MyLabelDesigner))]
public class ExLabel : Control
{
    public ExLabel()
    {
        AutoSize = true;
        DoubleBuffered = true;
        SetStyle(ControlStyles.ResizeRedraw, true);
    }
    protected override void OnTextChanged(System.EventArgs e)
    {
        base.OnTextChanged(e);
        SetBoundsCore(Left, Top, Width, Height, BoundsSpecified.Size);
        Invalidate();
    }
    protected override void SetBoundsCore(int x, int y, int width, int height,
        BoundsSpecified specified)
    {
        var flags = TextFormatFlags.Left | TextFormatFlags.WordBreak;
        var proposedSize = new Size(width, int.MaxValue);
        var size = TextRenderer.MeasureText(Text, Font, proposedSize, flags);
        height = size.Height;
        base.SetBoundsCore(x, y, width, height, specified);
    }
    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);
        var flags = TextFormatFlags.Left | TextFormatFlags.WordBreak;
        TextRenderer.DrawText(e.Graphics, Text, Font, ClientRectangle,
            ForeColor, BackColor, flags);
    }
}

<强>设计

以下是ControlDesigner，它用于限制设计者左右两侧的尺寸抓握手柄：

using System.Windows.Forms.Design;
public class MyLabelDesigner : ControlDesigner
{
    public override SelectionRules SelectionRules
    {
        get
        {
            return (base.SelectionRules & ~(SelectionRules.BottomSizeable | 
                                            SelectionRules.TopSizeable));
        }
    }
}

具有自动高度属性

1 个答案:

方法1：托管标签的自动调整大小控制

方法2：从头开始自动调整简单控制而不使用标签

<强>设计