在StackPanel中提高巨大ListBox的性能？

Question

我使用StackPanel垂直布局几个控件（即标题，子标题，列表框，分隔符，列表框等）。

StackPanel是ScrollViewer的子代，以确保其内容始终可滚动。

StackPanel中的一个控件是ListBox。

它的ItemsSource是绑定到一个巨大集合的数据，一个复杂的DataTemplate用于实现每个项目。

不幸的是，我的性能（高CPU /内存）确实很差。

我试过

• 将ListBox的ItemsPanel设置为VirtualizingStackPanel和
• 将其ControlTemplate重写为ItemsPresenter（删除ListBox＆＃39; s ScrollViewer）。

但表演没有差别。我猜测StackPanel在测量期间给它的内部孩子无限高度？

当我将ScrollViewer和StackPanel替换为其他面板/布局（例如Grid，DockPanel）并且性能显着提高时，这让我相信瓶颈和解决方案都在虚拟化中。

我有什么办法可以改善这个视图的cpu /内存性能吗？

[更新1]

原始示例项目：http://s000.tinyupload.com/index.php?file_id=29810707815310047536

[更新2]

我尝试重新设置/模板化TreeView / TreeViewItems以得到以下示例。它仍然需要很长时间才能启动/使用相同的高内存。但是一旦加载，滚动感觉比原始样本响应更快。

想知道是否还有其他方法可以进一步改善启动时间/内存使用情况？

重新设计的TreeView项目：http://s000.tinyupload.com/index.php?file_id=00117351345725628185

[更新2]

pushpraj的解决方案就像一个魅力

• 原件：
  • 初创：35s，
  • 内存：393MB
  • 滚动：慢
• 树视图：
  • 初创：18s，
  • 内存377MB，
  • 滚动：快速
• pushpraj的解决方案：
  • 启动：＆lt; 1s，
  • 内存：20MB，
  • 滚动：快速

Answer 1

您可能会限制巨大列表框的最大大小并启用Virtualization

例如

<ListBox MaxHeight="500" 
         VirtualizingPanel.IsVirtualizing="true" 
         VirtualizingPanel.VirtualizationMode="Recycling" />

这将使ListBox仅加载一些项目，并且如果需要，将启用列表框上的滚动条滚动到其余项目。

同时将VirtualizationMode设置为Recycling将有助于您重复使用复杂的数据模板，从而无需为每个项目重新创建它们。

---

修改

这是一个基于您的示例的解决方案，我使用CompositeCollection和Virtualization来实现所需。

XAML

<Grid xmlns:sys="clr-namespace:System;assembly=mscorlib"
      xmlns:l="clr-namespace:PerfTest">
    <Grid.Resources>
        <DataTemplate DataType="{x:Type l:Permission}">
            <StackPanel Orientation="Horizontal">
                <CheckBox />
                <TextBlock Text="{Binding Name}" />
                <Button Content="+" />
                <Button Content="-" />
                <Button Content="..." />
            </StackPanel>
        </DataTemplate>
        <CompositeCollection x:Key="data">
            <!-- Content 1 -->
            <TextBlock Text="Title"
                       FontSize="24"
                       FontWeight="Thin" />
            <!-- Content 2 -->
            <TextBlock Text="Subtitle"
                       FontSize="16"
                       FontWeight="Thin" />
            <!-- Content 3 -->
            <CollectionContainer Collection="{Binding DataContext, Source={x:Reference listbox}}" />
            <!-- Content 4 -->
            <TextBlock Text="User must scroll past the entire list box before seeing this"
                       FontSize="16"
                       FontWeight="Thin"
                       Padding="5"
                       TextWrapping="Wrap"
                       Background="#99000000"
                       Foreground="White" />
        </CompositeCollection>
    </Grid.Resources>
    <ListBox x:Name="listbox"
             VirtualizingPanel.IsVirtualizing="True"
             VirtualizingPanel.VirtualizationMode="Recycling"
             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
             ItemsSource="{StaticResource data}" />
</Grid>

码

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        var items = new ObservableCollection<Permission>();
        foreach (var i in Enumerable.Range(0, 10000).Select(i => new Permission() { Name = "Permission " + i }))
        { items.Add(i); }
        DataContext = items;
    }
}

public class Permission
{
    public string Name { get; set; }
}

因为我们无法为字符串创建数据模板所以我将字符串集合更改为Permission集合。我希望在你的真实项目中它会有类似的东西。

尝试一下，看看它是否接近你需要的东西。

注意：如果Collection="{Binding DataContext, Source={x:Reference listbox}}"

上有任何设计师警告，您可以放心地忽略