WPF ListView自适应滚动问题：尺寸不实时更新及滚轮失效求助

最初尝试让ListView依赖窗口高度参数，但认为该方案不够实用。试过切换StackPanel、DockPanel、Grid布局，调整ScrollViewer位置，最多仅能实现首个项滚动或逐项滚动，未达到自适应窗口+整体平滑滚动的预期。

初始尝试代码 #

<StackPanel>
    <TextBlock Text="{Binding LessonTitle}" Foreground="Black" HorizontalAlignment="Center" Margin="0,10,0,0" FontSize="36" Background="DimGray"></TextBlock>
    <Grid Height="Auto" ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Hidden">
        <ListView x:Name="LV2" Background="DimGray"
                  BorderBrush="Transparent"
                  ItemsSource="{Binding Lessons}"
               ScrollViewer.VerticalScrollBarVisibility="Hidden" 
              ScrollViewer.HorizontalScrollBarVisibility="Disabled"
              SizeChanged="LV2_SizeChanged">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Height="1000"
                                ScrollViewer.CanContentScroll="True" 
                                ScrollViewer.VerticalScrollBarVisibility="Hidden">
                            <TextBlock Width="Auto" FontSize="24" Foreground="Black" TextWrapping="Wrap">
                                <Run Text="{Binding LessonText}"/>
                            </TextBlock>
                            <Image Source="{Binding LessonImage}"/>
                        </StackPanel>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
    </Grid>
</StackPanel>

初步实现方案（存在问题） #

将ListView嵌套进ScrollViewer，通过后台代码绑定窗口尺寸后初步实现自适应，但仍有两个问题：

1. 尺寸仅在视图变更时更新，无法实时响应窗口变化
2. 无法通过鼠标滚轮滚动，只能点击滚动条操作

实现代码 #

XAML部分

<StackPanel>
    <TextBlock Text="{Binding LessonTitle}" Foreground="Black" HorizontalAlignment="Center" Margin="0,10,0,0" FontSize="36" Background="DimGray"></TextBlock>
    
    <Grid Height="Auto">
        <ScrollViewer x:Name="SV" VerticalScrollBarVisibility="Visible" SizeChanged="SV_SizeChanged">
        <ListView x:Name="LV2" Background="DimGray"
                  BorderBrush="Transparent"
                  ItemsSource="{Binding Lessons}"
                  Width="Auto" Height="Auto"
                  ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid Height="Auto">
                        <TextBlock Width="Auto" FontSize="24" Foreground="Black" TextWrapping="Wrap">
                                <Run Text="{Binding LessonText}"/>
                        </TextBlock>
                        <Image Source="{Binding LessonImage}"/>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        </ScrollViewer>
    </Grid>
    
</StackPanel>

后台代码

private void SV_SizeChanged(object sender, SizeChangedEventArgs e)
{
  SV.Height = HeightModel.Instance.Height - 100;
  SV.Width = HeightModel.Instance.Width - 120;
}

解决方案 #

纯XAML实现自适应+平滑滚动 #

无需额外后台代码，通过布局约束和修改滚动行为即可实现需求：

<Grid>
    <!-- 固定在顶部的标题栏 -->
    <TextBlock Text="{Binding LessonTitle}" 
               Foreground="Black" 
               HorizontalAlignment="Center" 
               Margin="0,10,0,0" 
               FontSize="36" 
               Background="DimGray"
               VerticalAlignment="Top"/>

    <!-- 自动填充剩余空间的滚动区域 -->
    <ScrollViewer VerticalScrollBarVisibility="Auto"
                  HorizontalScrollBarVisibility="Disabled"
                  Margin="60,60,60,40"> <!-- 直接用边距替代后台的宽高偏移 -->
        <ListView x:Name="LV2" 
                  Background="DimGray"
                  BorderBrush="Transparent"
                  ItemsSource="{Binding Lessons}"
                  ScrollViewer.CanContentScroll="False" <!-- 核心：关闭逐项滚动，启用像素级平滑滚动 -->
                  ScrollViewer.VerticalScrollBarVisibility="Disabled"> <!-- 禁用ListView自身滚动条 -->
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <TextBlock Width="Auto" 
                                   FontSize="24" 
                                   Foreground="Black" 
                                   TextWrapping="Wrap"
                                   Text="{Binding LessonText}"/>
                        <Image Source="{Binding LessonImage}"
                               Margin="0,10,0,0"/> <!-- 给图片添加间距，避免与文本重叠 -->
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </ScrollViewer>
</Grid>

关键说明 #

• 用Grid作为根布局，标题栏设置VerticalAlignment="Top"后，ScrollViewer会自动填充窗口剩余空间，实时响应窗口尺寸变化
• 设置ListView.ScrollViewer.CanContentScroll="False"，将滚动模式从逐项滚动改为像素级平滑滚动
• 通过ScrollViewer的Margin直接控制边距，替代后台代码的宽高计算，更简洁易维护
• 禁用ListView自身滚动条，让外部ScrollViewer统一处理滚动逻辑，解决鼠标滚轮无法滚动的问题

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