WPF TextBox和Scroll行为

Question

我有个问题.我需要在ScrollViewer中托管带有控件的网格,以防止文本框在UI处被截断或折叠为零.另外,当用户更改窗口宽度时,我希望扩展文本框的内容.我将Window的内容设置为以下代码

<DockPanel>
    <TreeView DockPanel.Dock="Left" Width="150"/>
    <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <TextBlock Text="Name" 
                       Margin="5" 
                       VerticalAlignment="Center"/>
            <TextBox Grid.Column="1"
                     Text="Some Name"
                     Margin="5"
                     VerticalAlignment="Center"
                     MinWidth="200"/>
        </Grid>
    </ScrollViewer>
</DockPanel>

一切正常,但是当用户在TextBox中键入非常长的文本时,它将被展开并显示水平滚动.是否有任何简单的方法来限制TextBox的最大宽度,并允许仅在用户更改窗口大小时才展开它.

Answer 1

问题是父元素为TextBox提供了它认为需要的空间,并且当存在更多文本时,它将扩展而不是保持初始自动大小.

这里的一个解决方案是创建另一个自动调整大小的元素并将TextBox.Width绑定到它:

<DockPanel>
    <TreeView Width="150" DockPanel.Dock="Left"/>
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <TextBlock Margin="5" VerticalAlignment="Center" Text="Name"/>
            <Border x:Name="b" Grid.Column="1" Margin="5"/>
            <TextBox Width="{Binding ActualWidth, ElementName=b}"
                     MinWidth="200"
                     Grid.Column="1"
                     Margin="5"
                     VerticalAlignment="Center"
                     Text="Some Name"/>
        </Grid>
    </ScrollViewer>
</DockPanel>

请注意,我们设置自动调整大小元素(边框)的Margin属性. 这很重要,因为如果没有设置,会有一个循环:

1. 边框宽度自动调整为网格列宽
2. TextBox宽度调整为Border.ActualWidth
3. 网格列宽调整为TextBox宽度+ TextBox边距
4. 边框宽度再次自动调整为网格列宽

通过将Margin设置为与TextBox相同,TextBox的大小调整不会影响Grid大小.