Windows 7与Windows 10的ListViewItem渲染差异及兼容修复咨询

这种跨系统的WPF控件样式差异确实挺闹心——我之前也碰到过Win10默认控件模板偷偷加最小尺寸的情况。核心问题在于Win10的ListViewItem默认模板自带了最小高度和内部间距，哪怕你设置Height="0"，模板里的布局元素还是会占据4px的空间，而Win7的模板没有这个限制，自然就出现了渲染不一致的情况。

下面给你两个不用修改现有转换器和数据结构的解决方案：

方案1：重写ListViewItem的ControlTemplate（最彻底） #

直接替换掉默认的Item模板，让它完全贴合内容，彻底消除多余的间距：

<ListView.ItemContainerStyle>
    <Style TargetType="{x:Type ListViewItem}">
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListViewItem}">
                    <!-- 直接显示内容，去掉所有默认的布局容器和冗余间距 -->
                    <ContentPresenter 
                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ListView.ItemContainerStyle>

这个模板完全移除了Win10默认模板里的Border、ContentPresenter内置padding等元素，不管在Win7还是Win10，ListViewItem都会完全贴合你ItemTemplate里的内容，不会产生额外的高度偏移。

方案2：调整模板内的布局属性（快速修复） #

如果不想重写整个模板，可以尝试覆盖默认模板里的关键属性，强制消除额外空间：

<ListView.ItemContainerStyle>
    <Style TargetType="{x:Type ListViewItem}">
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Height" Value="Auto"/> <!-- 不要设0，让内容决定高度 -->
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="VerticalAlignment" Value="Top"/>
        <!-- 禁用Win10为触摸优化预留的默认间距 -->
        <Setter Property="UseLayoutRounding" Value="True"/>
    </Style>
</ListView.ItemContainerStyle>

这个方法通过关闭默认的padding、margin，让Item高度由内容自动决定，同时规避Win10为触摸操作预留的最小高度。相比重写模板，这个方法改动更小，不过在某些极端场景下可能还有少量残留，但足以解决你的ROI偏移问题。

额外说明 #

你之前设置Height="0"导致Win10里矩形消失，是因为当Item高度小于内容高度时，WPF会自动裁剪超出的部分。而用上面的方法，Item高度会自动匹配Canvas的内容（你的矩形是100x100，所以Item高度会是100），但因为你用Canvas定位，所有Item的内容都会叠加在同一个位置，正好符合你需要的ROI叠加效果。

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