如何在 WPF TreeViewItem 中使文本换行？

Question

这次，我的问题听起来很简单...如何让文本换行到 WPF TreeViewItem 中？

我有一个简单的 HierarchicalDataTemplate，其中只有一个 TextBlock。

<TextBlock Text="{Binding Value}" TextWrapping="Wrap" />

文本不换行。

我尝试将 TextBlock 的 Width 绑定到 TreeView 的 ActualWidth，但是尽管这会使文本换行，TreeViewItem 的 Width 不适合 TreeView，因为 TreeView 有 Padding.绑定到 TreeViewItem 的 ActualWidth 具有（毫不奇怪）相同的效果。这样做的另一个缺点是，即使是只有很少文本的项目也会延伸到 TreeView 边界之外。

<TextBlock Text="{Binding Value}" TextWrapping="Wrap" Width="{Binding ActualWidth, 
ElementName=TreeView}" />

当然一定有更好的方法，比如以某种方式通知 TreeViewItem TreeView 的边界...我不敢相信它不会自动知道。但我该怎么做呢？

UPDATE >>>

感谢 HB 的回答，我设法将 Bd Border 上的 Grid.ColumnSpan 更改为 2 他在 ControlTemplate 中提到，它设置了宽度，以便文本现在可以很好地换行。问题是我将此 ControlTemplate 用于其他我不想要全宽项目的 TreeView 中的其他 TreeViewItem。

我想出的解决方案很简单。我已将 TreeViewItem.Tag 值绑定到 ControlTemplate 中的 Grid.ColumnSpan 属性，如下所示：

<Border Grid.ColumnSpan="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}" 
Name="Bd" Grid.Column="1" ... />

这允许我更改 通过将 TreeViewItem.Tag 值分别设置为 2 或 1，可以实现 Grid.ColumnSpan 以及 TreeViewItem 的全宽或普通宽度行为。

Answer 1

如果您查看TreeViewItems默认模板 code> 您将看到这样的网格：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition MinWidth="19"
                          Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <!-- ... -->

正如您所看到的，第三列占用了所有可用空间，而其他列处于 Auto 状态，标题放置在边框内的第二列中：

<Border Name="Bd"
        Grid.Column="1"
        ...

这意味着该列将变得一样大作为标题，对其没有任何限制。因此，标题会变得比 TreeView 本身更大。

如果将 Grid.ColumnSpan="2" 添加到此边框，它也会占据第三列，该列受到剩余空间的限制，因此文本将换行；然而，这会将标题扩展到整个宽度，选择它时可能看起来有点奇怪。

当然，您还需要禁用水平滚动：

<TreeView ScrollViewer.HorizontalScrollBarVisibility="Disabled" ...