最好使用VirtualizingPanel.ScrollUnit="Item"

时间:2021-08-22 03:23:28

ListBox的滚动方法 分为像素滚动和单元滚动

通过ListBox的附加属性ScrollViewer.CanContentScroll来设置。因此ListBox的默认模板中,含有ScrollViewer,ScrollViewer下存放列表内容

<ScrollViewer FocusVisualStyle="{x:Null}"> <ItemsPresenter SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}"/> </ScrollViewer>

而CanContentScroll,true撑持逻辑单元(Item),false撑持物理单元(像素)。源码如下:

/// <summary> /// 获取或设置一个值,该值指示是否撑持元素 <see cref="T:System.Windows.Controls.Primitives.IScrollInfo" /> 接口允许滚动。 /// </summary> /// <returns> /// <see langword="true" /> 如果 <see cref="T:System.Windows.Controls.ScrollViewer" /> 执行滚动操纵使得在逻辑单元; 方面 <see langword="false" /> 如果 <see cref="T:System.Windows.Controls.ScrollViewer" /> 执行滚动操纵使得在物理单元方面。 /// 默认值为 <see langword="false" />/// </returns> public bool CanContentScroll { get { return (bool) this.GetValue(ScrollViewer.CanContentScrollProperty); } set { this.SetValue(ScrollViewer.CanContentScrollProperty, value); } }

滚动

1、像素滚动(物理单元) ScrollViewer.CanContentScroll=false

通过检察源码,我们可以得知CanContentScroll的默认值为false。所以列表ListBox/ListView/DataGrid默认像素滚动

/// <summary> /// 标识 <see cref="P:System.Windows.Controls.ScrollViewer.CanContentScroll" /> 依赖属性。 /// </summary> /// <returns> /// <see cref="P:System.Windows.Controls.ScrollViewer.CanContentScroll" /> 依赖项属性的标识符。 /// </returns> [CommonDependencyProperty] public static readonly DependencyProperty CanContentScrollProperty = DependencyProperty.RegisterAttached(nameof (CanContentScroll), typeof (bool), typeof (ScrollViewer), (PropertyMetadata) new FrameworkPropertyMetadata(BooleanBoxes.FalseBox));

[FriendAccessAllowed] internal static class BooleanBoxes { internal static object TrueBox = (object) true; internal static object FalseBox = (object) false; internal static object Box(bool value) { if (value) return BooleanBoxes.TrueBox; return BooleanBoxes.FalseBox; } }

像素滚动的长处:平滑--因为凭据像素滚动,肉眼辨别较低。

像素滚动的错误谬误:耗性能-列表中每个项,都要计算出宽高具体数值,且滚动不时计算。如果列表中数量过多,就相当卡了。

2、列表项滚动(逻辑单元) ScrollViewer.CanContentScroll="True"

凭据Item高宽为滚动单元。

单元滚动时,列表只会滚动到一个完整的Item,,不会有一个Item只显示一半的情况。

--基于上面的情况,当列表恰好有一个ItemA只显示部分时,因业务需要,设置滚动到ItemA,整个列表会移动位置使ItemA完整显示。

虚化化 

通过VirtualizingPanel,设置列表ListBox/ListView/DataGrid是否开启虚拟化

VirtualizingPanel其它属性有:

VirtualizingPanel.ScrollUnit="Pixel"--虚拟化滚动单位(像素/单元)

VirtualizingPanel.IsVirtualizing="True" --是否虚拟

VirtualizingPanel.VirtualizationMode="Recycling"

VirtualizingPanel.CacheLengthUnit="Item" --缓存单位

VirtualizingPanel.CacheLength="20,20"-上下缓存数量

开启虚拟化:为何需要设置ScrollViewer.CanContentScroll="True"?

因为ScrollViewer.CanContentScroll="False"为物理单元,即像素滚动,当数据很多时,即使开启了虚化化,因计算太耗性能,界面一样卡顿。
因此设置ScrollViewer.CanContentScroll="True"

设置虚拟化

设置VirtualizingPanel.IsVirtualizing="True" 开启虚拟化

VirtualizingPanel.ScrollUnit="Pixel"像素,VirtualizingPanel.ScrollUnit="Item"列表项