WPF开启IsVirtualizing的递归TreeView实现问题求助

Hey there! I totally get how tricky virtualized recursive TreeViews can be in WPF, especially when following examples that don't quite click. Let's break down the common issues you're seeing and fix them step by step.

First, let's address your two main problems: #

1. No expand buttons for child items: This usually happens when the HierarchicalDataTemplate isn't correctly bound to your child collection, or WPF doesn't detect that a node has children to display.
2. Showing "(collection)" instead of item names: This means WPF is using its default template for collections because it can't find a matching DataTemplate for your item type.

Let's build a working example from scratch #

Step 1: Create a ViewModel for your tree items

First, you need a view model that implements INotifyPropertyChanged (critical for WPF bindings) and exposes a child collection:

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;

public class TreeItemViewModel : INotifyPropertyChanged
{
    private string _itemName;
    private ObservableCollection<TreeItemViewModel> _childItems;
    private bool _isExpanded;

    public string ItemName
    {
        get => _itemName;
        set { _itemName = value; OnPropertyChanged(); }
    }

    // This is the collection your template will bind to for child items
    public ObservableCollection<TreeItemViewModel> ChildItems
    {
        get => _childItems;
        set { _childItems = value; OnPropertyChanged(); }
    }

    public bool IsExpanded
    {
        get => _isExpanded;
        set { _isExpanded = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // Helper to populate test data
    public static ObservableCollection<TreeItemViewModel> GetTestData()
    {
        var root = new ObservableCollection<TreeItemViewModel>();
        for (int i = 0; i < 100; i++)
        {
            var parent = new TreeItemViewModel { ItemName = $"Parent Item {i}" };
            parent.ChildItems = new ObservableCollection<TreeItemViewModel>();
            for (int j = 0; j < 10; j++)
            {
                parent.ChildItems.Add(new TreeItemViewModel { ItemName = $"Child Item {i}-{j}" });
            }
            root.Add(parent);
        }
        return root;
    }
}

Step 2: Configure the TreeView in XAML

This is where most people trip up. We need to:

• Enable virtualization correctly
• Define a HierarchicalDataTemplate that maps to our view model
• Ensure expand buttons show up even for lazy-loaded items (if needed)

<TreeView x:Name="VirtualizedTreeView"
          ItemsSource="{Binding TreeItems}"
          VirtualizingStackPanel.IsVirtualizing="True"
          VirtualizingStackPanel.VirtualizationMode="Recycling"
          ScrollViewer.CanContentScroll="True"> <!-- Critical for virtualization to work -->

    <!-- Define the template for tree items -->
    <TreeView.Resources>
        <HierarchicalDataTemplate DataType="{x:Type local:TreeItemViewModel}"
                                  ItemsSource="{Binding ChildItems}">
            <TextBlock Text="{Binding ItemName}" />
        </HierarchicalDataTemplate>

        <!-- Optional: Converter if you use lazy loading (hides expand buttons only when truly no children) -->
        <local:CollectionHasItemsConverter x:Key="CollectionHasItemsConverter" />
    </TreeView.Resources>

    <!-- Style for TreeViewItems to control expansion and visibility of expand buttons -->
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
            <!-- If you use lazy loading, bind HasItems to a property/converter that knows if children exist -->
            <Setter Property="HasItems" Value="{Binding ChildItems, Converter={StaticResource CollectionHasItemsConverter}}" />
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

Step 3: Add the converter for lazy-loaded scenarios (optional but useful)

If you're loading child items on demand (not populating them upfront), WPF will hide expand buttons if the ChildItems collection is empty. This converter tells WPF to show the button even if the collection is empty (you can adjust the logic to check if children exist):

using System;
using System.Collections;
using System.Globalization;
using System.Windows.Data;

public class CollectionHasItemsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var collection = value as IEnumerable;
        // For lazy loading: return true if the node SHOULD have children (even if not loaded yet)
        // For pre-loaded data: check if the collection has items
        return collection?.GetEnumerator().MoveNext() ?? false;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Step 4: Set up the data context

In your window/user control code-behind, set the data context to load test data:

public MainWindow()
{
    InitializeComponent();
    DataContext = new { TreeItems = TreeItemViewModel.GetTestData() };
}

Key fixes for your issues: #

• No expand buttons: Make sure your HierarchicalDataTemplate has the correct ItemsSource binding (pointing to your child collection property like ChildItems). For lazy loading, use the HasItems binding/converter to force the button to show.
• "(collection)" display: Ensure the DataType in your HierarchicalDataTemplate exactly matches your view model type (including the namespace, e.g., local:TreeItemViewModel). If you're not using DataType, explicitly set TreeView.ItemTemplate to your HierarchicalDataTemplate.
• Virtualization not working: Don't forget ScrollViewer.CanContentScroll="True" — virtualization only works with pixel-independent scrolling in WPF.

内容的提问来源于stack exchange，提问作者JKamsker