WPF中作为ListView ItemTemplate的Grid列未遵守定义宽度、随内容拉伸的问题

异常产生的核心原因 #

• WPF的布局流程分为Measure（测量子元素所需尺寸）和Arrange（按父容器分配的实际尺寸完成渲染）两个独立阶段，所有布局规则的计算都高度依赖两个阶段传入的尺寸约束。
• 独立使用Grid时，父容器会在Measure阶段传入带明确边界的可用宽度，Grid可以直接基于这个宽度值计算星号（*）列的分配比例，超宽内容会被按列宽严格裁剪，完全符合预期。
• 当Grid作为ListView的ItemTemplate时，默认承载条目的VirtualizingStackPanel（纵向列表方向）在测量ListViewItem时，会在水平方向传入无界的可用宽度约束。此时Grid收到的可用宽度为double.PositiveInfinity，根本无法推导星号比例对应的实际宽度，会自动退化为按各列内容的实际大小计算自身所需尺寸，最终表现就是列跟着内容自动拉伸、超宽文本不裁剪。
• 已经设置的HorizontalContentAlignment.Stretch只在Arrange阶段生效，只会把整个Grid拉伸到条目容器的实际渲染宽度，但Measure阶段已经按内容算好的列宽分配结果，不会因为Arrange阶段的拉伸自动重算——毕竟星号列的计算依据是Measure阶段拿到的宽度约束，不是Arrange阶段的实际渲染宽度。

适配现有架构的修复方案 #

因为业务要求必须保留Grid作为ItemTemplate的结构，不需要改动整体模板架构，只要给Grid传递确定的Measure阶段宽度约束，就能恢复星号列的正常计算逻辑，常用方案有两种：

方案1：给根Grid绑定父容器实际宽度（改动最小） #

直接给作为ItemTemplate根元素的Grid，显式绑定所在ListViewItem的实际渲染宽度，让Grid在测量阶段就拿到确定的宽度值：

<ListView.ItemTemplate>
    <DataTemplate>
        <Grid Width="{Binding ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="4*"/>
                <ColumnDefinition Width="4*"/>
            </Grid.ColumnDefinitions>
            <!-- 列内容示例：给文本元素加裁剪规则，超宽内容显示省略号提升体验 -->
            <TextBlock Grid.Column="0" 
                       Text="{Binding 业务字段}" 
                       TextTrimming="CharacterEllipsis"
                       VerticalAlignment="Center"/>
            <!-- 其余列的内容逻辑 -->
        </Grid>
    </DataTemplate>
</ListView.ItemTemplate>

这种方式不需要调整原有Grid的列定义结构，Grid拿到确定宽度后会自动按比例分配星号列，超宽内容会被严格按列宽裁剪。

方案2：全局调整ListViewItem样式（适合多场景复用） #

如果项目内有多处使用Grid作为ItemTemplate的场景，可通过统一样式修正ContentPresenter的测量约束，从根源上解决无界宽度传递的问题：

<Style TargetType="ListViewItem">
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListViewItem">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <ContentPresenter HorizontalAlignment="Stretch"
                                      Margin="{TemplateBinding Padding}"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

显式设置ContentPresenter的HorizontalAlignment.Stretch后，测量阶段传递给内部元素的宽度约束会从无界变为有确定边界，Grid的星号列计算逻辑就能正常触发。

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