使用 GridSplitter 放置在 TreeViewItem 中的 TextBlock 的 TextTrimming 属性答案

【问题标题】：TextTrimming property of TextBlock placed in TreeViewItem using GridSplitter使用 GridSplitter 放置在 TreeViewItem 中的 TextBlock 的 TextTrimming 属性
【发布时间】：2016-08-07 08:03:03
【问题描述】：

我的 XAML 非常简单：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="5" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="100" />
    </Grid.ColumnDefinitions>
    <TextBlock FontSize="55" HorizontalAlignment="Center" 
          VerticalAlignment="Center" TextWrapping="Wrap">Left side</TextBlock>
    <GridSplitter Grid.Column="1" Width="5" HorizontalAlignment="Center" />
    <TreeView Grid.Column="2" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
        <TreeViewItem>
            <TreeViewItem.Header>
                <TextBlock Text="The full string" 
                                    TextTrimming="CharacterEllipsis"/>
            </TreeViewItem.Header>
            <TreeViewItem>
            <TreeViewItem.Header>
                <TextBlock Text="The full string"/>
            </TreeViewItem.Header>
            </TreeViewItem>
        </TreeViewItem>            
    </TreeView>
    <Border BorderBrush="Green" BorderThickness="5" CornerRadius="5" Grid.Column="3" />
</Grid>

我拥有的是：

这对我来说不正确：

而我想要的行为是：

如何使用TextBlock 的TextTrimming 属性放在TreeViewItem 中？

【问题讨论】：

标签： c# wpf xaml gridsplitter texttrimming

【解决方案1】：

你需要修改TreeViewItem的样式，因为内容没有被拉伸。

查看样式示例和问题说明

https://leecampbell.com/2009/01/14/horizontal-stretch-on-treeviewitems/

只需将链接中的样式应用到您的TreeView

<TreeView>
 <TreeView.Resources>
    <!--paste the style from the link here-->
</TreeView.Resources>

很抱歉没有发布样式，但我没有完成格式设置。

【讨论】：