如何在 TreeviewItem 中进行文本换行？

Question

编辑：Francesco B. 下面给出的解决方案是有效的。我想知道是否还有 XAML 解决方案。

我想将 TreeViewItem 内的 TextBlock 中的文本进行换行。 我尝试了来自this 链接的解决方案。它会使 Header 文本换行，但不会使展开的 TextBlock。

这是我的带有父网格的 TreeView：

<Grid Background="LightGray">
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition Width="auto"/>
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <Grid Grid.Column="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <TreeView ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <TreeViewItem Style="{DynamicResource TreeViewItemStyle1}">
                <TreeViewItem.Header>

                    <TextBlock Text="Header Header Header Header Header Header Header Header "
                               TextWrapping="Wrap" />

                </TreeViewItem.Header>
                <TextBlock Text="1very 2very 3very 4very 5long 6very 7very 8very 9very 10Long"
                           TextWrapping="Wrap"
                           Background="LightCyan" />

            </TreeViewItem>
        </TreeView>

    </Grid>

    <GridSplitter Grid.Column="1"
                  Width="10"
                  ResizeBehavior="PreviousAndNext" />
    <Grid Grid.Column="2"
          Background="LightPink" />
</Grid>

这是从 TreeViewItemStyle1 更改的模板的一部分：

                            <Border x:Name="Bd"
                                BorderBrush="Red"
                                BorderThickness="1"
                                Background="{TemplateBinding Background}"
                                Grid.Column="1"
                                Grid.ColumnSpan="2"
                                Grid.Row="0"
                                Padding="{TemplateBinding Padding}"
                                SnapsToDevicePixels="true">
                            <ContentPresenter x:Name="PART_Header"
                                              ContentSource="Header"
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                        </Border>
                        <ItemsPresenter x:Name="ItemsHost"
                                        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                        TextBlock.FontSize="35"
                                        Grid.Column="1"
                                        Grid.ColumnSpan="2"
                                        Grid.Row="1">
                        </ItemsPresenter>

我在边框中添加了Grid.ColumnSpan="2" 作为另一种解决方案，但这只会包裹标题。 我觉得我必须对 ItemsPresender 做点什么。但没有任何效果！

请提出解决方案！

谢谢。

Answer 1

我能想到的最快的方法主要是使用代码隐藏。 它只需要为外部Grid 和TreeView 添加一个名称，我从中删除了样式声明：

<Grid  x:Name="MyGrid" Background="LightGray" >
...
<TreeView x:Name="MyTree" ScrollViewer.HorizontalScrollBarVisibility="Disabled">

然后，在代码隐藏中，我添加了一个方法来调整每个 TreeViewItem 的标题和项目的大小：

private void ResizeTree()
{
    var MaxWidth = Convert.ToDouble(MyGrid.ColumnDefinitions[0].ActualWidth);
    foreach (TreeViewItem item in MyTree.Items)
    {
        var Header = item.Header as TextBlock;
        var Body = item.Items[0] as TextBlock;
        Header.Width = MaxWidth - 30;
        Body.Width = MaxWidth - 60;
    }
}

然后，使用这个solution，我在第一次显示Window 时添加了一个对调整TreeView 大小的方法的调用：

private bool _shown = false;

public MainWindow()
{
    InitializeComponent();
}

protected override void OnContentRendered(EventArgs e)
{
    base.OnContentRendered(e);
    if (_shown)
    {
        return;
    }

    _shown = true;
    ResizeTree();
}

最后我添加了一个在移动GridSplitter 时引发的事件：

<GridSplitter Grid.Column="1" DragCompleted="GridSplitter_DragCompleted"
              Width="10" ResizeBehavior="PreviousAndNext" />

其中当然要调用ResizeTree方法：

private void GridSplitter_DragCompleted(object sender, System.Windows.Controls.Primitives.DragCompletedEventArgs e)
{
    ResizeTree();
}

其他可能需要处理的事情是调整窗口大小，或为页眉和项目使用不同的边距（我选择 30 和 60）。

Answer 2

要查看 XAML 解决方案，您可以尝试从 treeviewitem 模板中删除 ContentPresenter 并将其更改为具有所需属性的 TextBlock，例如 MaxWidth 和 TextWrapping，仅此而已。 如果您在模板 Text="{TemplateBinding Header}" 中设置 TextBlock，一切仍然有效。现在您不需要在每个 treeviewitem 中放置一个文本块 - 模板就在里面） 然后根据需要添加树视图项：使用 ItemsSource（在这种情况下，您可能还应该指定 DataTemplate）或就像

<TreeView> <TreeViewItem Header="first"/><TreeViewItem Header="second"/>...</TreeView> 

或者从后面的代码，没关系。