WinUI 3中ScrollView嵌套ListView的布局异常问题求助

问题原因 #

ListView和无内置滚动控件的表现差异，核心在于ListView的默认布局逻辑：它内部默认使用的ItemsStackPanel会自动扩展高度以容纳所有列表项，优先保证内容全部显示，因此会忽略父容器Grid的*行高约束，直接撑满自身内容高度，导致内置ScrollViewer无法触发，同时外层ScrollView始终处于滚动状态。

而像StackPanel、Grid这类无内置滚动的控件，没有自动扩展内容的逻辑，会严格遵循父容器的布局约束，因此能正常适配*行高。

解决办法 #

要实现需求，需要从两个层面约束布局：一是保证Grid行的最小高度，二是强制ListView遵守父容器的高度约束，触发内置滚动。

步骤1：调整Grid行的高度设置 #

将原本给ListView设置的MinHeight=600转移到Grid的目标行上，确保当窗口高度不足时，该行保持最小高度600，外层ScrollView触发滚动；当窗口高度足够时，该行占据剩余空间（*）。

步骤2：约束ListView的高度与滚动行为 #

让ListView填充所在的Grid单元格，并显式配置内置ScrollViewer的属性，确保内容超出时自动启用滚动。

完整代码示例 #

<ScrollView>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <!-- 目标行设置*高度+MinHeight=600 -->
            <RowDefinition Height="*" MinHeight="600"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!-- 顶部内容 -->
        <TextBlock Grid.Row="0" Text="顶部固定内容" Margin="12" FontSize="18"/>

        <!-- ListView容器：用Border确保布局约束传递 -->
        <Border Grid.Row="1" Margin="12">
            <ListView ItemsSource="{Binding YourItemList}"
                      VerticalAlignment="Stretch"
                      <!-- 显式配置滚动行为 -->
                      ScrollViewer.VerticalScrollMode="Auto"
                      ScrollViewer.VerticalScrollBarVisibility="Auto">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding ItemContent}" 
                                   Height="100" 
                                   Margin="0 8" 
                                   FontSize="16"/>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Border>

        <!-- 底部内容 -->
        <TextBlock Grid.Row="2" Text="底部固定内容" Margin="12" FontSize="18"/>
    </Grid>
</ScrollView>

效果验证 #

• 当窗口高度<600时：Grid目标行保持600高度，外层ScrollView可滚动整个页面。
• 当窗口高度≥600时：Grid目标行占据剩余空间，ListView填满该行；若列表项总高度超出该行高度，ListView内置ScrollViewer自动启用，外层ScrollView无滚动效果。

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