Textblock.TextTrimming 在网格内不起作用

Question

我的布局有一个 3 列网格，每个网格的宽度设置为 Width="*"。对于中间（第二个）网格，我有另一个 3 列网格，每个网格都包含自己的文本块，并且列网格宽度再次设置为 Width="*"。

调整窗口大小时，网格会按预期调整大小，但是如果文本超出网格边界，则不会修剪第三个文本块。我使用 TextTrimming="WordEllipsis" 和 TextWrapping="Wrap" 设置了文本框，并且由于某种原因未强制执行这些属性。

这是我的一些代码：

布局网格：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition MinWidth="150" MaxWidth="300" Width="1*" />
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition MinWidth="150" MaxWidth="500" Width="1*" />
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="2*"/>
    </Grid.ColumnDefinitions>
</Grid>

第二列代码：

<Grid Grid.Column="2" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="5" Width="Auto">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>

    <TextBlock Text="{Binding Path=FeedItems.Count}" Foreground="White" FontSize="18" Width="Auto" FontWeight="SemiBold" />
    <TextBlock Text=" items from " Foreground="White" FontSize="18" Width="Auto" Grid.Column="1" />
    <TextBlock Text="{Binding Path=Name}" Foreground="White" FontSize="18" Grid.Column="2" TextTrimming="CharacterEllipsis" HorizontalAlignment="Left" Width="Auto" TextWrapping="NoWrap" ClipToBounds="True" />
</Grid>

Answer 1

为了使其工作，您需要第二个网格中的最后一列具有 * 大小，否则它将告诉 TextBlock 它具有所需的空间，即使它没有't。自动调整大小的列不会将内容限制在网格的范围内。但是，如果使用单个 TextBlock 和多个 Run 执行此操作，可能会获得更好的结果：

<TextBlock FontSize="18" TextTrimming="CharacterEllipsis">
    <Run Text="{Binding Path=FeedItems.Count}" FontWeight="SemiBold" />
    <Run Text=" items from " />
    <Run Text="{Binding Path=Name}" />
</TextBlock>

请注意，从 .NET 4.0 开始，您只能绑定 Run.Text。如果您使用的是旧版本的框架，则必须创建自己的 BindableRun，这非常简单 此处。