WPF：ScrollViewer 和 Grid - 禁用 TexBox 调整大小

Question

请考虑以下 XAML 示例。

1. 我有一个滚动查看器。如果窗口对于网格来说太小，滚动条将可见。
2. 在 ScrollViewer 中是 Grid。网格内的所有项目都应拉伸到网格的列宽。
3. 现在有文本框（带有很长的文本）。

我的问题是，如果文本越来越大，文本框会越来越大。但我只想让文本框适合网格空间。

如何禁用带有大文本的文本框调整大小？

<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="30" />
            <RowDefinition Height="30" />
            <RowDefinition Height="26" />
            <RowDefinition Height="26" />
            <RowDefinition Height="26" />
            <RowDefinition Height="26" />
            <RowDefinition Height="26" />
            <RowDefinition Height="26" />
            <RowDefinition Height="10*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition Width="*" MinWidth="130" />
            <ColumnDefinition Width="130" />
        </Grid.ColumnDefinitions>

        <Label VerticalAlignment="Center" HorizontalAlignment="Left" Content="Label 1"  Grid.Column="0" Grid.Row="0"/>
        <TextBox x:Name="Tbox1" VerticalAlignment="Center" HorizontalAlignment="Stretch" Text="asfas fasd fasdf asdf asdf asdf asdf asf  safasdf asdf asdf fasasd fas f" TextWrapping="Wrap" Height="22" Grid.Column="1" Grid.Row="0" />

        <Label VerticalAlignment="Center" HorizontalAlignment="Left" Content="Label 2"  Grid.Column="0" Grid.Row="1"/>
        <TextBox x:Name="Tbox2" VerticalAlignment="Center" HorizontalAlignment="Stretch" Text="asfas fasd fasdf asdf asdf asdf asdf asf  safasdf asdf asdf fasasd fas f" TextWrapping="Wrap" Height="22" Grid.Column="1" Grid.Row="1" />

    </Grid>
</ScrollViewer>

Answer 1

您需要确保 TextBox 不会调整 Grid 的大小。

最简单的方法是将文本框放在这样的容器中，忽略其子项的大小，例如Canvas. 您还需要通过将其绑定到列宽来设置文本框大小。

<ScrollViewer HorizontalScrollBarVisibility="Auto">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition x:Name="MiddleColumn" Width="*" MinWidth="130" />
            <ColumnDefinition Width="130" />
        </Grid.ColumnDefinitions>

        <Canvas Grid.Column="1">
            <TextBox Width="{Binding ActualWidth, ElementName=MiddleColumn}"/>
        </Canvas>

    </Grid>
</ScrollViewer>

但是，请注意，画布还包含 TextBox 的高度，如果文本被换行，则不会调整行的大小。您可以通过 DataBinding Canvas 高度到 TextBox.ActualHeight 来解决它。您可以将此布局绑定封装为可重用的样式：

<ContentControl Grid.Column="1" Style="{StaticResource IgnoreContentWidthStyle}">
    <TextBox Text="asfasdf asdfad sfa sdf" TextWrapping="Wrap"/>
</ContentControl>

<Style x:Key="IgnoreContentWidthStyle" TargetType="ContentControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ContentControl">
                <Canvas Height="{Binding ActualHeight, ElementName=PART_Content}">
                    <ContentPresenter x:Name="PART_Content"
                                      Content="{TemplateBinding Content}"
                                      Width="{TemplateBinding ActualWidth}"/>
                </Canvas>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

或者，您可以创建派生自 Panel 或 Decorator 的自定义元素，这将覆盖 MeasureOverride 和 ArrangeChildren 并将文本框放置在其中。这种方法为您提供了更好的性能，因为您避免了布局绑定。