wpf控件Expander集合下的像素滚动

港港胡说

已于 2024-01-25 09:07:42 修改

阅读量982

点赞数 9

分类专栏： WPF XAML 小代码片段 C# 文章标签： wpf c#

于 2024-01-24 19:46:16 首次发布

本文链接：https://blog.csdn.net/yan_yu_lv_ji/article/details/135824627

版权

C# 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

WPF XAML 小代码片段

3 篇文章 0 订阅

订阅专栏

文章讨论了在WPF项目中，Expander集合滚动时出现的问题，即滚动过于频繁。通过设置VirtualizingPanel的ScrollUnit为Pixel，解决了滚动单位过大导致的不适体验，优化了滚动性能。

摘要由CSDN通过智能技术生成

项目场景：Expander集合滚动

如下图，有一个Expander集合，且设置 ScrollViewer.VerticalScrollBarVisibility = "Auto"
Expaner集合
每个Expaner下包含有若干元素，当打开Expader(即IsExpanded = "true"）时，集合右侧会出现滚动条，用户拉动滚动条来浏览集内容。
在这里插入图片描述

问题描述：每次滚动跳转太多

如下图所示，当用户滚轮下滑时，每次滚动了一个Expander(也就是一个集合的项——Expaner)，这显然不是想要的。
在这里插入图片描述

原因分析：

当出现滚轮时，实际上创建了一个VirtualizingPanel,这是WPF为了优化性能做的事情，这里不深入探讨。VirtualizingPanel有个附加属性ScrollUnit,通过反编译可知（也可以查看微软官方文档），它是一个枚举，有两种模式。

  public enum ScrollUnit
  {
	    Pixel,
	    Item,
  }

解决方案：

设置附加属性：VirtualizingPanel.ScrollUnit=“Pixel”

   <ListBox
       HorizontalAlignment="Stretch"
       VerticalAlignment="Stretch"
       Background="Transparent"
       BorderThickness="0"
       ScrollViewer.VerticalScrollBarVisibility="Auto"
       ScrollViewer.HorizontalScrollBarVisibility="Disabled"
       VirtualizingPanel.ScrollUnit="Pixel"
       VirtualizingPanel.VirtualizationMode="Recycling"
       ItemsSource="{Binding MyItemCollection}">
       <ListBox.ItemContainerStyle>
           <Style TargetType="{x:Type ListBoxItem}">
               <Setter Property="Template">
                   <Setter.Value>
                       <ControlTemplate>
                           <Expander Header="{Binding Ip, Mode=OneWay}" HeaderHeight="26">
                               <ContentPresenter Content="{Binding}" />
                           </Expander>
                       </ControlTemplate>
                   </Setter.Value>
               </Setter>
           </Style>
       </ListBox.ItemContainerStyle>
   </ListBox>