如何实现TreeViewItem内TextBlock文本换行？求XAML解决方案

好的，我找到了一个纯XAML的解决方案来让TreeViewItem内部的子TextBlock实现自动换行。问题的核心在于，TreeViewItem的ItemsPresenter默认不会自动拉伸以填充可用宽度，导致内部的TextBlock没有宽度限制，自然不会换行。

解决方案步骤： #

1. 确认水平滚动已完全禁用
   你已经在父Grid和TreeView上设置了ScrollViewer.HorizontalScrollBarVisibility="Disabled"，这一步很关键，它会强制内容适应容器宽度而非横向扩展，确保换行逻辑能触发：

   <Grid Grid.Column="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
       <TreeView ScrollViewer.HorizontalScrollBarVisibility="Disabled">
           <!-- 你的TreeView内容 -->
       </TreeView>
   </Grid>
   

2. 修改TreeViewItem模板，让ItemsPresenter拉伸填充宽度
   在你的TreeViewItemStyle1模板中，需要调整Grid的列定义，并给ItemsPresenter添加拉伸属性，确保它能占据TreeView的全部可用宽度。关键修改部分如下：

   <!-- 模板根Grid的列定义，确保第二列占据剩余宽度 -->
   <Grid>
       <Grid.ColumnDefinitions>
           <ColumnDefinition Width="Auto"/> <!-- 用于展开/折叠图标 -->
           <ColumnDefinition Width="*"/>    <!-- 用于Header和子元素，填充剩余空间 -->
       </Grid.ColumnDefinitions>
       <Grid.RowDefinitions>
           <RowDefinition Height="Auto"/>
           <RowDefinition Height="*"/>
       </Grid.RowDefinitions>
   
       <!-- 保留你原有的Header Border部分 -->
       <Border x:Name="Bd" BorderBrush="Red" BorderThickness="1" 
               Background="{TemplateBinding Background}" 
               Grid.Column="1" Grid.Row="0" 
               Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
           <ContentPresenter x:Name="PART_Header" ContentSource="Header" 
                             HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                             SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
       </Border>
   
       <!-- 修改后的ItemsPresenter，添加拉伸属性并禁用水平滚动 -->
       <ItemsPresenter x:Name="ItemsHost" 
                       Grid.Column="1" Grid.Row="1"
                       HorizontalAlignment="Stretch"
                       ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>
   </Grid>
   

3. 优化子TextBlock的换行触发条件
   你的子TextBlock已经设置了TextWrapping="Wrap"，再添加HorizontalAlignment="Stretch"，让它完全填充ItemsPresenter的宽度，确保文本超出时自动换行：

   <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"
                  HorizontalAlignment="Stretch"/>
   </TreeViewItem>
   

方案生效原理： #

• 禁用水平滚动后，TreeView会强制内容适应容器宽度，避免横向溢出。
• 将ItemsPresenter所在的Grid列设为Width="*"并设置HorizontalAlignment="Stretch"，确保ItemsPresenter完全填充TreeView的可用宽度。
• 子TextBlock设置HorizontalAlignment="Stretch"后，会继承ItemsPresenter的宽度，当文本长度超出宽度限制时，就会自动触发换行逻辑。

这样修改后，无论是Header还是TreeViewItem内部的子TextBlock，都能实现自动换行，完全通过纯XAML完成。

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