UWP ListView列表项最小高度无法修改的问题求助

阿华AIGC实验室

2026-5-15

解决UWP ListView列表项无法缩小到默认最小高度以下的问题

嘿，这个问题我之前也踩过坑！其实核心原因很简单：你只修改了列表项内容的高度，但UWP的ListViewItem作为每个列表项的容器，自带了一个默认的最小高度限制——这个限制是在它的系统默认样式里定义的，和你ItemTemplate里的控件完全无关。

为什么你的操作没用？

你现在调整StackPanel的高度、设置负边距这些，都是在修改列表项内部的内容区域，但ListViewItem容器本身的MinHeight属性（默认值通常是44）会强制保持容器的最小高度。所以哪怕内容只有10px高，容器还是会占44px的空间，内容要么被截断，要么居中显示，看起来就像列表项高度没变化。

解决方法：自定义ListViewItem的容器样式

要突破这个限制，你需要修改ListViewItem的样式，直接调整它的MinHeight，甚至可以去掉默认的内边距来进一步缩小间距。这里有两种实用方式：

方式1：基于默认样式修改（保留交互效果）

这种方法会保留ListViewItem默认的选中、悬停等交互样式，只修改高度和边距，适合需要基础交互的场景：

<Page.Resources>
    <!-- 基于系统默认的ListViewItem样式修改 -->
    <Style x:Key="CompactListViewItemStyle" TargetType="ListViewItem" 
           BasedOn="{StaticResource ListViewItemStyle}">
        <!-- 设置你想要的最小高度 -->
        <Setter Property="MinHeight" Value="20"/>
        <!-- 去掉容器默认的内边距，减少额外空间 -->
        <Setter Property="Padding" Value="0"/>
        <!-- 让内容垂直居中，避免文本错位 -->
        <Setter Property="VerticalContentAlignment" Value="Center"/>
    </Style>
</Page.Resources>

<!-- 应用到你的ListView上 -->
<ListView x:Name="listView" Margin="0,10,0,0" IsItemClickEnabled="False"
          ItemContainerStyle="{StaticResource CompactListViewItemStyle}">
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="local:Element">
            <StackPanel Orientation="Horizontal" Margin="0" Padding="0">
                <TextBlock Text="{Binding Name}" VerticalAlignment="Center" 
                           Padding="0" Margin="0" FontWeight="Bold"/>
                <TextBlock Text="{Binding Value}" VerticalAlignment="Center" 
                           Padding="0" Margin="5,0,0,0"/>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

方式2：完全自定义模板（极简样式）

如果你不需要默认的交互效果，只想要最精简的列表项，可以直接重写ListViewItem的模板：

<Page.Resources>
    <Style x:Key="UltraCompactListViewItemStyle" TargetType="ListViewItem">
        <Setter Property="MinHeight" Value="15"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListViewItem">
                    <!-- 直接用ContentPresenter展示内容，没有多余的容器结构 -->
                    <ContentPresenter 
                        Content="{TemplateBinding Content}"
                        ContentTemplate="{TemplateBinding ContentTemplate}"
                        HorizontalAlignment="Stretch"
                        VerticalAlignment="Center"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Page.Resources>