WPF中如何阻止HeaderedItemsControl内Grid的*列挤占相邻列？

问题根源 #

ItemTemplate里第5列（列）的内部Grid未被约束最大宽度，即便TextBlock开启了TextTrimming，内部Grid仍会以文本的原始完整宽度计算布局需求，导致外层列被强制撑大，挤占了后续固定宽度列的空间。

解决方案 #

方案1：约束内部Grid的最大宽度

通过绑定内部Grid的MaxWidth到外层Grid单元格的实际宽度，确保内部Grid不会超出外层*列的可用空间，同时内部Grid的列仍能保持自适应分配：

<!-- 外层Grid的第5列定义 -->
<ColumnDefinition Width="*"/>

<!-- ItemTemplate内第5列的内容 -->
<Grid Grid.Column="4" 
      MaxWidth="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Grid}}"
      HorizontalAlignment="Stretch">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    
    <TextBlock Grid.Column="0" 
               Text="{Binding LongText}"
               TextTrimming="CharacterEllipsis"
               VerticalAlignment="Center"/>
    <Image Grid.Column="1" 
           Source="/Assets/OptionalIcon.png"
           Visibility="{Binding HasIcon, Converter={StaticResource BoolToVisibilityConverter}}"
           Margin="5 0 0 0"/>
</Grid>

原理：绑定MaxWidth后，内部Grid的宽度被限制在外层*列的实际可用空间内，TextBlock的*列会自动填充剩余空间，文本过长时TextTrimming正常生效，不会撑大布局。

方案2：替换内部Grid为DockPanel

利用DockPanel的布局特性，让图标固定在右侧，TextBlock自动填充剩余空间，天然避免子元素撑开容器的问题，代码更简洁：

<!-- 外层Grid的第5列定义 -->
<ColumnDefinition Width="*"/>

<!-- ItemTemplate内第5列的内容 -->
<DockPanel Grid.Column="4" HorizontalAlignment="Stretch">
    <Image DockPanel.Dock="Right"
           Source="/Assets/OptionalIcon.png"
           Visibility="{Binding HasIcon, Converter={StaticResource BoolToVisibilityConverter}}"
           Margin="5 0 0 0"/>
    <TextBlock Text="{Binding LongText}"
               TextTrimming="CharacterEllipsis"
               VerticalAlignment="Center"/>
</DockPanel>

原理：DockPanel会优先将Dock属性设置为Right的元素固定在右侧，剩余空间全部分配给TextBlock，TextBlock会自动根据可用空间截断文本，不会触发容器的宽度溢出。

额外注意 #

确保后续被挤占的列设置为固定宽度（如Width="20"），而非Auto或*，这样外层Grid的*列只会占据剩余空间，不会影响固定宽度列的布局。

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