ListView嵌套ScrollViewer后需设高度为所有项行高之和以显示全部项

我完全懂你碰到的这个糟心问题——把ListView塞进ScrollViewer里后，ListView自带的滚动条直接罢工，连影子都看不到，导致里面的项没法全部查看。这本质是因为ScrollViewer会“抢走”整个区域的滚动控制权，再加上ListView本身的固定高度逻辑，让它不会自动扩展去容纳所有内容。

要实现让ListView不用自身滚动条、直接显示全部项的需求，你可以通过计算所有项的总高度并绑定到ListView的Height属性来搞定，具体方案如下：

方法一：用值转换器动态计算总高度 #

这种方法适合你已经固定了RowHeight的场景，通过绑定项的数量乘以行高来动态设置ListView的高度：

1. 编写值转换器 #

先写一个简单的转换器，把项的数量转换成对应的总高度：

public class ItemCountToHeightConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 校验输入有效性：项数量是整数，参数是行高
        if (value is int itemCount && int.TryParse(parameter?.ToString(), out int rowHeight))
        {
            return itemCount * rowHeight;
        }
        // 默认返回0避免布局异常
        return 0;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 反向转换不需要实现，直接抛出异常即可
        throw new NotImplementedException("不支持反向转换");
    }
}

2. 在XAML中引用并绑定 #

先在XAML的资源里声明这个转换器，再绑定ListView的Height属性：

<Window.Resources>
    <local:ItemCountToHeightConverter x:Key="ItemCountToHeightConverter"/>
</Window.Resources>

<ScrollViewer>
    <!-- 页面其他内容 -->
    <ListView ItemsSource="{Binding YourItemCollection}"
              RowHeight="45" <!-- 替换成你实际的行高 -->
              Height="{Binding YourItemCollection.Count, 
                        Converter={StaticResource ItemCountToHeightConverter},
                        ConverterParameter=45}">
        <!-- 你的ListView项模板 -->
        <ListView.ItemTemplate>
            <DataTemplate>
                <!-- 项内容 -->
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
    <!-- 页面其他内容 -->
</ScrollViewer>

方法二：禁用ListView自身滚动并允许高度扩展 #

要是不想写转换器，也可以直接禁用ListView的滚动功能，让它自动扩展高度来显示所有项：

<ScrollViewer>
    <!-- 页面其他内容 -->
    <ListView ItemsSource="{Binding YourItemCollection}"
              RowHeight="45"
              ScrollViewer.VerticalScrollBarVisibility="Disabled"
              VerticalAlignment="Top">
        <!-- 项模板 -->
    </ListView>
    <!-- 页面其他内容 -->
</ScrollViewer>

这里的核心是ScrollViewer.VerticalScrollBarVisibility="Disabled"，它会告诉ListView别启用自身的滚动条；而VerticalAlignment="Top"能确保ListView根据内容自动扩展高度（前提是它的父容器允许垂直方向扩展，比如StackPanel或者未设置固定高度的Grid行）。

注意事项 #

• 如果你的ListView项不是固定高度（比如用了Auto的RowHeight），方法一就不适用了，这时候可以考虑给外部ScrollViewer加上ScrollViewer.CanContentScroll="False"，但这种方式可能会影响滚动性能，需要根据实际情况权衡。
• 确保你的项集合实现了INotifyCollectionChanged（比如用ObservableCollection<T>），这样当项的数量变化时，ListView的高度会自动更新。

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