Question

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

调整窗口大小时，网格会按预期调整大小，但如果文本超出网格边界，则第3个文本块不会被修剪。我的文本框设置为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和多个运行执行此操作，您可能会获得更好的结果：

<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，这非常简单，如here所示。

Textblock.TextTrimming在网格内不起作用

1 个答案: