如何让TreeView中嵌套的TextBlock在窗口调整大小时自动换行

问题核心原因 #

原实现直接将WrapPanel宽度绑定到TreeView的整体宽度，没有扣除TreeView嵌套节点的层级缩进宽度、滚动条预留宽度，导致深层节点的内容超出实际可用空间，出现右侧遮挡。

最优解决方案（推荐） #

将布局容器替换为Grid，同时修改TreeViewItem的容器样式使内容自动占满可用宽度，无需手动绑定宽度即可实现自动换行：

<TreeView 
    ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
    <!-- 配置TreeViewItem容器样式，让内容区域占满减去缩进后的可用宽度 -->
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        </Style>
    </TreeView.ItemContainerStyle>
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate 
            ItemsSource="{Binding KeynoteModelHierarchy, Mode=TwoWay, UpdateSourceTrigger=Explicit}">
            <!-- 用Grid实现多列宽度自动分配 -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto" Margin="4,0"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="{Binding KeynoteCategoryNumber}"/>
                <TextBlock Grid.Column="1" Text="{Binding IsExpanded}" />
                <TextBlock Grid.Column="2" Text="{Binding KeynoteText}" 
                           TextWrapping="Wrap"
                           HorizontalAlignment="Stretch" />
            </Grid>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

方案原理 #

1. 默认TreeViewItem的HorizontalContentAlignment属性为Left，内容只会按自身尺寸排列，不会填充剩余可用空间，设置为Stretch后，内容容器的宽度会自动适配扣除层级缩进后的所有可用空间。
2. Grid布局下前两列设为Auto，刚好适配前两个短文本的宽度，最后一列设为*占满剩余空间，放在该列的TextBlock天然获取到最大可用宽度，设置TextWrapping="Wrap"即可自动换行，窗口大小调整时会自动重新排版。

必须使用WrapPanel的替代方案 #

如果业务场景需要WrapPanel布局（比如多个不定数量的元素要自动换行排列），可将WrapPanel的最大宽度绑定到对应层级ContentPresenter的实际宽度，无需绑定TreeView整体宽度：

<WrapPanel 
    Orientation="Horizontal"
    MaxWidth="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContentPresenter}, Path=ActualWidth}">
    <!-- 内部子元素 -->
</WrapPanel>

内容的提问来源于stack exchange，提问作者Luka