WPF TextBlock.TextTrimming 不适用于自动调整大小的 ColumnDefinition

Question

我使用 WPF 网格作为窗口的布局。它有两列和任意数量的行。第一列专门用于标签，第二列用于用户输入字段（例如文本框、组合框等）。我的要求是：

1. 第一列的最小宽度必须为 50，最大宽度为 180。
2. 第一列的大小必须适合其内容，除非它不符合第一个要求。
3. 第二列必须占据所有剩余空间。

我尝试了下面的 XAML：

<Grid>
    <Grid.ColumnDefinitions>
       <ColumnDefinition Width="Auto" MinWidth="50" MaxWidth="180" />
       <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
       <RowDefinition Height="Auto" />
       <RowDefinition Height="Auto" />
       <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <TextBlock Text="First Name" TextTrimming="CharacterEllipsis" />
    <TextBox Grid.Column="1" Text="{Binding FirstName}" />

    <TextBlock Grid.Row="1" Text="Family Name" TextTrimming="CharacterEllipsis" />
    <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding FamilyName}" />

    <TextBlock Grid.Row="2" Text="Label That Won't Fit in 180 units" TextTrimming="CharacterEllipsis" />
    <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Text}" />
</Grid>

我希望第三行标签“无法容纳 180 个单位的标签”将被截断为“赢得的标签...”之类的内容。相反，它只是被剪辑为“Label That Won't”，其中一半的“t”丢失了。

我尝试了在网上某处找到的不同方法。

<Grid>
    <Grid.ColumnDefinitions>
       <ColumnDefinition x:Name="LabelColumn" Width="Auto" MinWidth="50" MaxWidth="180" />
       <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
       <RowDefinition Height="Auto" />
       <RowDefinition Height="Auto" />
       <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <TextBlock Width="{Binding ActualWidth, ElementName=LabelColumn}" Text="First Name" TextTrimming="CharacterEllipsis" />
    <TextBox Grid.Column="1" Text="{Binding FirstName}" />

    <TextBlock Grid.Row="1" Width="{Binding ActualWidth, ElementName=LabelColumn}" Text="Family Name" TextTrimming="CharacterEllipsis" />
    <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding FamilyName}" />

    <TextBlock Grid.Row="2" Width="{Binding ActualWidth, ElementName=LabelColumn}" Text="Label That Won't Fit in 180 units" TextTrimming="CharacterEllipsis" />
    <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Text}" />
</Grid>

它最终在 Expression Blend 上工作（有时......），但在运行应用程序时却不起作用。运行时，所有标签完全消失。我通过监视窗口看到所有 TextBlock 的实际宽度均为 0，而 LabelColumn.ActualWidth 等于 80。

还有哪些其他选项？

Answer 1

您需要在 TextBlock 上设置 MinWidth 和 MaxWidth，因为在列定义上设置 MinWidth 和 MaxWidth 是在渲染上并不总是受到尊重。
在绑定表达式中使用 ActualWidth 可能会出现问题，因为 ActualWidth 是在多个渲染过程中设置的，并且可能会产生不可预测的结果