是否可以覆盖ItemsPresenter以使用Virtualizing StackPanel而不是常规堆栈面板？

Question

背景

我有一个自定义控件，它继承自TreeView并被修改为以数据网格样式显示。我看到的问题是扩展树时的性能。这在我对Tree Views的研究中很常见。在使用WPF Performance工具检查后，我注意到ItemsPresenter类使用的是常规Stack Panel而不是Virtualizing Stack Panel。

以下是使用ScrollContentPresenter的代码部分（在图片中显示）。

<ScrollContentPresenter Name="PART_ScrollContentPresenter"
      KeyboardNavigation.DirectionalNavigation="Local"
      Content="{TemplateBinding Content}"
      ContentTemplate="{TemplateBinding ContentTemplate}"
      CanContentScroll="{TemplateBinding CanContentScroll}"
      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>

这是传入的模板。

    <ControlTemplate TargetType="CommonControls:TreeListViewItem508">
    <Grid >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Border x:Name="item">
            <Border Name="InnerBorder">
                <Grid Style="{StaticResource GridBackgroundStyle}">
                    <Rectangle Visibility="Collapsed" Fill="#75FFFFFF" Name="UpperHighlight" />
                </Grid>
            </Border>
        </Border>
        <ItemsPresenter Grid.Row="1" Name="ItemsHost" />
    </Grid>
</ControlTemplate>

问题

是否可以强制项目演示者使用虚拟化堆栈面板？

备注

• 我已经尝试将ItemsPresenter包装在ScrollViewer中但会产生不需要的结果（每行的滚动条）。
• 我将选项CanContentScroll = true硬编码为测试，因为当设置为false时禁用虚拟化。
• 此控件正在生产中并在多个位置使用，因此此时我无法选择替换/重写/或对设计进行重大修改。我想在可能的情况下覆盖这一部分。

非常感谢任何建议或选项。

解决：

我通过将样式添加到样式来修改模板的样式，并将堆栈面板切换为虚拟化。

 <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>

Answer 1

您可以使用VirtualizingStackPanel，但请注意there is more to virtualizing a StackPanel than just using a VirtualizingStackPanel

以下是使用上面发布的链接中的代码的示例，其中列出了所需的项目：

<ItemsControl ...
    VirtualizingStackPanel.IsVirtualizing="True" <!-- this is needed -->
    ScrollViewer.CanContentScroll="True" > <!-- this is needed -->
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel />  <!-- this is needed -->
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.Template>
        <ControlTemplate>
            <Border ...>
                <ScrollViewer> <!-- this is needed -->
                    <ItemsPresenter />
                </ScrollViewer>
            </Border>
        </ControlTemplate>
    </ItemsControl.Template>
</ItemsControl>

Answer 2

尝试

      <TreeView>
        <TreeView.ItemsPanel>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel/>
            </ItemsPanelTemplate>
        </TreeView.ItemsPanel>
    </TreeView>

或

<TreeView VirtualizingStackPanel.IsVirtualizing="True">

用您的树视图控件名称替换TreeView。

希望有所帮助

保