使用 GridSplitter 将 TextBlock 的 TextTrimming 属性 放置在 TreeViewItem 中
TextTrimming property of TextBlock placed in TreeViewItem using GridSplitter
我的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>
我有的是:
这对我来说不正确:
我想要的行为是:
如何使用 TextTrimming
属性 of TextBlock
放在 TreeViewItem
中?
您需要修改TreeViewItem
的样式,因为内容没有拉伸。
请参阅
中的样式示例和问题说明
https://leecampbell.com/2009/01/14/horizontal-stretch-on-treeviewitems/
只需将 link 中的样式应用到您的 TreeView
<TreeView>
<TreeView.Resources>
<!--paste the style from the link here-->
</TreeView.Resources>
抱歉没有发布样式,但我没有完成格式设置。
我的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>
我有的是:
这对我来说不正确:
我想要的行为是:
如何使用 TextTrimming
属性 of TextBlock
放在 TreeViewItem
中?
您需要修改TreeViewItem
的样式,因为内容没有拉伸。
请参阅
中的样式示例和问题说明https://leecampbell.com/2009/01/14/horizontal-stretch-on-treeviewitems/
只需将 link 中的样式应用到您的 TreeView
<TreeView>
<TreeView.Resources>
<!--paste the style from the link here-->
</TreeView.Resources>
抱歉没有发布样式,但我没有完成格式设置。