允许调整TextBox的大小,但不要增加用户输入

时间:2009-03-03 03:06:44

标签: wpf textbox

我在窗口中定义了一个TextBox,如下所示:

<Window x:Class="NS.MainWindow"
    ...
    SizeToContent="WidthAndHeight">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition MinWidth="200" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition MinHeight="50" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Column="0" Grid.Row="0">Description:</TextBlock>

        <TextBox Grid.Column="1" Grid.Row="0" TextWrapping="WrapWithOverflow" />
    </Grid>
</Window>

问题是,当用户键入TextBox时,它会向右扩展,因为只设置了MinWidth。我真正想要的是要包装到下一行的文本。如果我将列上的MinWidth更改为Width,我可以这样做。但是,如果我这样做,那么在调整Window大小时TextBox不再调整大小。

我有两种方法吗? (即仅在Window调整大小时调整大小,否则换行)

3 个答案:

答案 0 :(得分:15)

您遇到此行为的原因是因为您设置了 Window的SizeToContent属性 - 它基本上授权Window根据其内容请求的大小调整自身大小。因此,当您输入更多内容时,文本框说我需要更多空间,窗口会顺从地增长。如果未设置SizeToContent属性,则文本框不会增长。

所以我要说丢失SizeToContent属性setter&amp;使用比例网格大小。在这里,我说使第2列的宽度为第1列的宽度。 Grid的Horizo​​ntalAlignment和VerticalAlignment的默认“Stretch”值应确保您的控件在窗口调整大小时正确调整大小。

<Window ...
    Title="MyWindow" WindowStyle="ToolWindow" ResizeMode="CanResizeWithGrip"
        MinWidth="300" Width="300" Height="80">
    <Grid x:Name="myGrid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*" MinWidth="100"/>
            <ColumnDefinition Width="2*" MinWidth="200" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition MinHeight="50" />
        </Grid.RowDefinitions>

        <TextBlock Grid.Column="0" Grid.Row="0">Description:</TextBlock>
        <TextBox Grid.Column="1" Grid.Row="0" TextWrapping="WrapWithOverflow"/>
    </Grid>

如果你只是将SizeToContent属性setter添加回上面的代码片段......你会看到一些奇怪的行为,其中文本框最初随文本内容一起增长..但是如果你调整窗口大小一次..文本框将停止增长。奇怪......无法解释这种行为 HTH

答案 1 :(得分:3)

WPF的TextBox似乎没有内置的选项。

要解决此问题,您可以使用报告所需(0,0)大小的自定义TextBox。这是一个丑陋的黑客,但它确实有效。

在MainWindow.xaml.cs文件中:

namespace NS
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        ...
    }

    // Ugly HACK because the regular TextBox doesn't allow autoresize to fit the parent but NOT autoresize when the text doesn't fit.
    public class TextBoxThatDoesntResizeWithText : TextBox
    {
        protected override Size MeasureOverride(Size constraint)
        {
            return new Size(0, 0);
        }
    }
}

然后,在您的MainWindow.xaml文件中:

<Window x:Class="NS.MainWindow"
    ...
    xmlns:local="clr-namespace:NS"
    SizeToContent="WidthAndHeight">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition MinWidth="200" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition MinHeight="50" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Column="0" Grid.Row="0">Description:</TextBlock>

        <local:TextBoxThatDoesntResizeWithText Grid.Column="1" Grid.Row="0" TextWrapping="WrapWithOverflow" />
    </Grid>
</Window>

答案 2 :(得分:0)

将第二个ColumnDefinition更改为Width =“*”。