将嵌套容器 (virtualizingstackpanel) 虚拟化为 WPF 中的单个父滚动条

Question

我已经把自己编码成了这件事上的一个泡菜。 我正在编写一个自定义 WPF 控件，该控件类似于 这篇 MSDN 文章 以及网络上的许多其他地方。 目前，这个东西中有很大一部分是定制的，并且它很好地满足了我的目标，除了虚拟化方面之外。 我的重写 TreeView 和 TreeViewItem 模板都使用 VirtualizingStackPanel 来显示其项目，并且我已经验证所有这些都是按预期创建的。 虚拟化在根级别项目上正常工作（仅烹制当前在 ScrollViewer 中可见的 UI 元素），并且 TreeView 东西负责不生成元素对于折叠的节点。 当扩展一个节点时，问题就出现了——所有元素都是为节点中的每个子元素准备的，甚至是屏幕外的数千个元素。

在我看来，我所需要做的就是以某种方式将内部嵌套的 VirtualizingStackPanel 的滚动所有者属性设置为默认情况下根级别 VSP 连接到的同一主滚动视图，但我读了一篇MSFT 海报此处 说这行不通。

不幸的是，如果没有虚拟化发生，这件事就慢得像泥巴一样，所以我需要想出某种解决方案。 任何建议将不胜感激。

Answer 1

我知道这是一个老问题，但仍然与我相关。

就我而言，我认为 TreeView 不会削减它，因为我正好需要两个层，并且两个层之间显示的项目类型不同。 另外，我正在重构 Expander 列表，因此我的思考更加一维。

但后来我意识到您可以自定义 TreeView 的 ItemTemplate 以包含您自己的 HierarchicalDataTemplate，并且您可以自定义 ItemTemplate 的 HierarchicalDataTemplate 与您自己定制的 DataTemplate... 快点！ 正好两层，每一层都有不同的东西！

所以我的观点是，TreeView 足够灵活，您应该尽量不要创建自己的自定义控件。

这就是我所做的：

XAML：

<Page x:Class="Foo.Views.TreePage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:Foo.Views"
      xmlns:viewModel="clr-namespace:Foo.ViewModels"
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
      Title="Tree page"
      d:DataContext="{d:DesignInstance Type=viewModel:TreeModel}">
    <TreeView
        VirtualizingPanel.IsVirtualizing="True"
        VirtualizingPanel.VirtualizationMode="Recycling"
        ScrollViewer.CanContentScroll="True"
        VirtualizingPanel.ScrollUnit="Pixel"
        ItemsSource="{Binding Values}"><!-- IList<Person> -->
        <TreeView.ItemTemplate><!-- Template for first layer, which has a HierarchicalDataTemplate so that this layer will expand -->
            <HierarchicalDataTemplate
                ItemsSource="{Binding Expenses}"><!-- IList<Expense> -->
                <HierarchicalDataTemplate.ItemTemplate><!-- Template for the second layer, which has a DataTemplate instead of HierarchicalDataTemplate so that this layer won't expand -->
                    <DataTemplate>
                        <TextBlock Text="{Binding Amount}"/><!-- Expense amount in dollars -->
                    </DataTemplate>
                </HierarchicalDataTemplate.ItemTemplate>

                <TextBlock Text="{Binding Name}"/><!-- Person name -->
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>
</Page>

Person 类：

public class Person
{
    public string Name { get; set; }
    public List<Expense> Expenses { get; set; }
}

Expense 类：

public class Expense
{
    public double Amount { get; set; }
}

如下所示：

我用 < a href="https://snoopwpf.codeplex.com/" rel="nofollow noreferrer">Snoop 证明是UI Virtualizing。 以下是应用程序较小时加载的 TreeViewItem 数量：

...这是加载的 TreeViewItems（它不断超出此代码片段，但您明白了）：

< img src="https://i.sstatic.net/YWx3l.png" alt="屏幕截图显示应用程序全屏时有更多元素">

现在只需简单地设计样式即可嵌套层看起来就是我想要的！

编辑：我刚刚验证了 TreeView 虚拟化了它的所有层，而不仅仅是第一层。

Answer 2

我有一个链接，指向不要对虚拟化堆栈面板执行哪些操作的列表，但由于某种原因，该页面显示为空白。 这是另一个对此进行了一些讨论的页面：

http ://www.designerwpf.com/2008/02/12/listview-and-listbox-performance-issues/

甚至链接到我正在谈论的那个，但它总是空白。 如果您查看该页面，则会看到 Mark Shumer 博客的链接。 如果您想尝试一下，请点击以下链接：

http ://itknowledgeexchange.techtarget.com/wpf/listview-is-it-really-too-slow/

Bea Stollnitz 也有一些相关文章可能会有所帮助：

第 1 部分
第 2 部分
第 3 部分

如果您发布一些代码，有人可能能够解开意大利面条一点可以帮助您获得更好的实施。

编辑：找到一个可能有效的链接（谢谢 archive.org！！！）：
http://web.archive.org/web/20080104163725/http://itknowledgeexchange.techtarget.com/wpf/listview-is-it-really-too-slow/