gpt4 book ai didi

c# - 具有自动高度属性的用户控件

转载 作者:行者123 更新时间:2023-11-30 21:47:40 32 4
gpt4 key购买 nike

我想创建将显示文本的用户控件。
我需要一种在运行时调整控件大小的方法,以便它可以调整高度以显示所有文本。我创建了如下所示的控件:

enter image description here

如您所见,我使用 TextRenderer.DrawText 绘制了图标和文本。不幸的是,当我调整控件大小时(仅向左或向右),我的文本有时会被剪切,如下所示:

enter image description here

我正在使用 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 属性更新控件的高度还是有更好的方法?

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

最佳答案

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

enter image description here

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

  • 方法 1:自动调整承载标签的复合控件的大小
    此方法基于托管一个自动调整大小的 Label具有自动大小的动态最大宽度 Control .在这种方法中,我们根据控件的宽度设置标签的最大宽度,并且由于标签是自动调整大小的,其高度将自动设置为显示所有文本,然后我们根据标签的高度设置控件的高度。

  • 方法 2:在没有标签的情况下从头开始自动调整简单控件的大小
    此方法基于重写 SetBoundsCore 并根据其 Text 设置控件大小尺寸。在这种方法中,我们使用 TextRenderer.MeasureText 根据控件的宽度计算文本的大小。然后将计算出的高度设置为控件的高度。在这种方法中,您应该自己处理文本格式标志和呈现。

在这两种方法中都是 ControlDesigner用于禁用除左和右之外的所有尺寸的抓握 handle 。

请注意

这些不是唯一可用的方法,但却是很好的例子。作为另一种选择,您可以继承 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用于将设计器中的大小抓取 handle 限制为两种实现的左侧和右侧:

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

关于c# - 具有自动高度属性的用户控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38203411/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com