分组ListView内各StackPanel如何实现独立垂直滚动

当前所有面板同步滚动是两个配置错误导致的：

• ListView内置了全局ScrollViewer控件，默认会接管所有滚动事件，你当前配置下所有横向排列的分组都被包裹在这个全局滚动容器里，滚轮操作会直接驱动全局垂直滚动条，带动所有面板一起移动
• 你在GroupStyle.Panel的StackPanel上设置ScrollViewer.VerticalScrollMode没有实际效果：StackPanel本身不具备滚动能力，只有被放置在ScrollViewer容器内时，滚动相关的附加属性才会生效，直接给StackPanel加滚动属性不会生成独立滚动区域。

核心思路是禁用ListView全局垂直滚动，给每个动态生成的分组单独套独立的ScrollViewer容器，具体修改步骤如下：

• 修改ListView基础滚动配置，禁用全局垂直滚动，只保留水平滚动能力，避免全局滚动容器劫持滚轮事件

  <ListView Grid.Column="1" Grid.Row="0" Grid.RowSpan="2"
            ItemsSource="{Binding Source={StaticResource SomeData Mode=OneWay}}"
            ScrollViewer.HorizontalScrollBarVisibility="Auto" 
            ScrollViewer.HorizontalScrollMode="Enabled"
            ScrollViewer.VerticalScrollBarVisibility="Disabled"
            ScrollViewer.VerticalScrollMode="Disabled">
  

• 重写GroupItem的控件模板，给每个分组嵌入独立的垂直ScrollViewer。这一步会让每个动态生成的分组都自带专属滚动容器，滚动事件完全隔离，不会互相影响：

  <GroupStyle.ContainerStyle>
      <Style TargetType="GroupItem">
          <Setter Property="Background" Value="Gray" />
          <Setter Property="BorderBrush" Value="Gray" />
          <Setter Property="BorderThickness" Value="4" />
          <Setter Property="Width" Value="150" /><!-- 可根据实际面板宽度需求调整 -->
          <Setter Property="Template">
              <Setter.Value>
                  <ControlTemplate TargetType="GroupItem">
                      <Grid>
                          <Grid.RowDefinitions>
                              <RowDefinition Height="Auto"/>
                              <RowDefinition Height="*"/>
                          </Grid.RowDefinitions>
                          <!-- 分组头部，自动加载你定义的HeaderTemplate内容 -->
                          <ContentPresenter ContentSource="Header" Grid.Row="0"/>
                          <!-- 当前分组专属独立滚动区域 -->
                          <ScrollViewer Grid.Row="1"
                                        VerticalScrollBarVisibility="Auto"
                                        VerticalScrollMode="Enabled"
                                        HorizontalScrollMode="Disabled"
                                        HorizontalScrollBarVisibility="Disabled">
                              <ItemsPresenter />
                          </ScrollViewer>
                      </Grid>
                  </ControlTemplate>
              </Setter.Value>
          </Setter>
      </Style>
  </GroupStyle.ContainerStyle>
  

• 保留原有GroupStyle.Panel配置即可，移除StackPanel上无效的滚动附加属性：

  <GroupStyle.Panel>                            
      <ItemsPanelTemplate>                                   
          <StackPanel Orientation="Vertical" Spacing="4"/>                               
      </ItemsPanelTemplate>
  </GroupStyle.Panel>
  

• 完全支持动态分组数量：不管数据源生成1个还是6个面板，每个分组都会自动生成独立的ScrollViewer实例，不需要额外写代码判断分组数量
• 滚轮操作只会触发鼠标当前悬停面板的滚动条，其余面板位置保持不变
• 外层水平滚动不受影响，当面板总宽度超过ListView可视区域时，可以横向滑动查看所有面板

实现效果参考：

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