更改 TreeView 的 ItemsSource 时缺少子项

Question

我有多个带有子项的 ObservableCollections。我正在尝试将 TreeView 绑定到集合，用户将在运行时选择源。用户可以在列表上拖放以重新组织/编辑活动源集合。

只要您从不切换到先前选择的来源，我所尝试的方法就可以完美运行。切换回上一个源将导致缺少子项，仅显示根项。如果孩子在返回之前被展开，一些孩子留下，而其他孩子没有，这种行为会变得更加不一致。

xaml:

<Grid RowSpacing="8" Margin="8">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <StackPanel Orientation="Horizontal" Spacing="8">
        <Button x:Name="ShowC1" Click="ShowC1_Click" Content="Container 1"/>
        <Button x:Name="ShowC2" Click="ShowC2_Click" Content="Container 2"/>
        <Button x:Name="ShowC3" Click="ShowC3_Click" Content="Container 3"/>
    </StackPanel>
    <muxc:TreeView x:Name="ItemTree" ItemsSource="{x:Bind Source}" Grid.Row="1">
        <muxc:TreeView.ItemTemplate>
            <DataTemplate x:DataType="local:Item">
                <muxc:TreeViewItem ItemsSource="{x:Bind Children}" Content="{x:Bind Name}"/>
            </DataTemplate>
        </muxc:TreeView.ItemTemplate>
    </muxc:TreeView>
</Grid>

xaml.cs

public sealed partial class MainPage : Page
{
    private Container _con1, _con2, _con3;
    ExtendedObservableCollection<Item> Source = new ExtendedObservableCollection<Item>();

    public MainPage()
    {
        this.InitializeComponent();
        _con1 = new Container("Container 1", 2);
        _con2 = new Container("Container 2", 3);
        _con3 = new Container("Container 3", 4);
    }

    private void ShowC1_Click(object sender, RoutedEventArgs e)
    {
        Source.ReplaceAll(_con1.Items);
    }

    private void ShowC2_Click(object sender, RoutedEventArgs e)
    {
        Source.ReplaceAll(_con2.Items);
    }

    private void ShowC3_Click(object sender, RoutedEventArgs e)
    {
        Source.ReplaceAll(_con3.Items);
    }
}

public class Container
{
    public string Title { get; set; } = "Untitled";
    public ObservableCollection<Item> Items { get; private set; } = new ObservableCollection<Item>();

    public Container(string title, int numItems)
    {
        Title = title;

        for (int i = 0; i < numItems; i++)
        {
            Items.Add(new Item("Item " + i, i + 1));
        }
    }
}

public class Item
{
    public string Name { get; set; } = "Item";
    public ObservableCollection<Item> Children { get; set; } = new ObservableCollection<Item>();

    public Item(string name, int numChildren)
    {
        Name = name;

        for (int i = 0; i < numChildren; i++)
        {
            Children.Add(new Item("Child " + i, 0));
        }
    }
}

ExtendedObservableCollection.cs

public class ExtendedObservableCollection<T> : ObservableCollection<T>
{
    public void ReplaceAll(ICollection<T> items)
    {
        this.Items.Clear();
        foreach (T item in items)
        {
            this.Items.Add(item);
        }
        this.OnCollectionChanged(
            new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Reset)
        );
    }
}

问题的 Gif： Code result

更新：临时解决方法，直到我找到更好的东西，在我需要的范围内工作

首先，我注意到该集合甚至没有通过拖放操作进行更新，而是引用了最新的 WinUI 修复了该问题。我还更改了绑定以使用 x:Bind。

其次，通过清除 TreeView 源，更新绑定，然后设置为虚拟集合（至少有 1 个成员，0 导致无法仅加载最后一个成员），我能够让孩子们以一种相当肮脏的方式工作出于某种原因的孩子），更新绑定，然后最终将其设置为真实源，最后一次更新绑定。每次绑定更新之间需要异步延迟以刷新 TreeView。这样做的缺点是它会在源为空白时引入一帧闪烁。

Answer 1

Microsoft.UI.Xaml v2.4.0 附带了针对此问题的修复程序。请参阅此commit 了解更多信息。

Answer 2

对不起，我的回复晚了。

我们研究了您的问题，此问题已在新的Microsoft.UI.Xaml (WinUI 2.x) 中得到解决。你可以查看这个commit。

WinUI是微软新一代开源UI工具框架。感谢社区的支持，它可以更快地更新。我们建议您使用它提供的TreeView 控件来完成您的 UI 布局。

最好的问候。