如何在树视图C＃WPF中插入子项

WPF中的TreeView是ItemsControl的扩展。基本上有两种方法可以使用这些控件，一种使动态更改的树易于管理，而另一种使完全静态的树易于设置。

动态树

该方法TreeView被设计用来是继MVVM设计模式。这是一个简单的例子。

首先，在使用MVVM时，您始终需要某种实现属性更改通知的视图模型基类。这是最基本的示例：

internal class ObservableObject : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
    {
        var handler = PropertyChanged;
        if (handler != null)
        {
            handler.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

然后，您需要一个类来表示树中单个节点的数据。例如：

internal class Node : ObservableObject
{
    private ObservableCollection<Node> mChildren;

    // Add all of the properties of a node here. In this example,
    // all we have is a name and whether we are expanded.
    public string Name
    {
        get { return _name; }
        set
        {
            if (_name != value)
            {
                _name = value;
                NotifyPropertyChanged();
            }
        }
    }
    private string _name;

    public bool IsExpanded
    {
        get { return _isExpanded; }
        set
        {
            if (_isExpanded != value)
            {
                _isExpanded = value;
                NotifyPropertyChanged();
            }
        }
    }
    private bool _isExpanded;

    // Children are required to use this in a TreeView
    public IList<Node> Children { get { return mChildren; } }

    // Parent is optional. Include if you need to climb the tree
    // from code. Not usually necessary.
    public Node Parent { get; private set; }

    public Node(Node parent = null)
    {
        mChildren = new ObservableCollection<Node>();
        IsExpanded = true;
        Parent = parent;
    }
}

现在，为您的控件创建一个视图模型，其中包含这些节点的集合。在此示例中，viewmodel用于应用程序的主窗口：

internal class MainWindowVM : ObservableObject
{
    private ObservableCollection<Node> mRootNodes;

    public IEnumerable<Node> RootNodes { get { return mRootNodes; } }

    public MainWindowVM()
    {
        mRootNodes = new ObservableCollection<Node>();

        // Test data for example purposes
        Node root = new Node() { Name = "Root" };
        Node a = new Node(root) { Name = "Node A" };
        root.Children.Add(a);
        Node b = new Node(root) { Name = "Node B" };
        root.Children.Add(b);
        Node c = new Node(b) { Name = "Node C" };
        b.Children.Add(c);
        Node d = new Node(b) { Name = "Node D" };
        b.Children.Add(d);
        Node e = new Node(root) { Name = "Node E" };
        root.Children.Add(e);
        mRootNodes.Add(root);
    }
}

最后，创建TreeView实例并将其设置为使用您的数据。在此示例中，TreeView在主应用程序窗口中唯一的是：

<Window x:Class="WpfTreeViewExample.MainWindow"
        x:ClassModifier="internal"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfTreeViewExample"
        SizeToContent="WidthAndHeight"
        Title="MainWindow">
    <Window.DataContext>
        <local:MainWindowVM />
    </Window.DataContext>
    <TreeView
        Margin="10"
        ItemsSource="{Binding RootNodes}">
        <ItemsControl.ItemContainerStyle>
            <Style
                TargetType="{x:Type TreeViewItem}">
                <Setter Property="IsExpanded" Value="{Binding IsExpanded}" />
                <!-- Could also put IsSelected here if we needed it in our Node class -->
            </Style>
        </ItemsControl.ItemContainerStyle>
        <ItemsControl.ItemTemplate>
            <HierarchicalDataTemplate
                DataType="{x:Type local:Node}"
                ItemsSource="{Binding Children}">
                <!-- Can build any view we want here to be used for each node -->
                <!-- Simply displaying the name in a text block for this example -->
                <TextBlock Text="{Binding Name}" />
            </HierarchicalDataTemplate>
        </ItemsControl.ItemTemplate>
    </TreeView>
</Window>

设置完成后，从现在开始您要做的就是操作视图模型中的数据，TreeView它将自动更新以反映这些更改。这样，您无需直接操纵控件。

这是结果视图：

静态树

如果整个树都提前知道并且永远不会改变，则可以像下面这样简单地进行设置：

<TreeView
    x:Name="mTreeView"
    Margin="10">
    <TreeViewItem Header="Root">
        <TreeViewItem Header="Node A" />
        <TreeViewItem Header="Node B">
            <TreeViewItem Header="Node C" />
            <TreeViewItem Header="Node D" />
        </TreeViewItem>
        <TreeViewItem Header="Node E" />
    </TreeViewItem>
</TreeView>

这种方法的问题在于，当您要以编程方式修改树时，由于必须处理TreeView自身而变得难以管理。但是，从后面的代码中就可以做到这一点。例如，如果我想在“节点C”下添加一个名为“新节点”的新子节点，则可以执行以下操作：

((TreeViewItem)((TreeViewItem)((TreeViewItem)mTreeView.Items[0]).Items[1]).Items[0]).Items.Add(new TreeViewItem() { Header = "New Node" });

但是，以这种方式工作变得凌乱。由于我们没有数据中树的并行表示，因此我们必须继续通过控件访问事物并将其强制转换。

其他一些设置

在看您的问题时，您似乎并没有采用这两种方法，而是使用了一个基本上像这样设置的TreeView：

<TreeView>
    <sys:String>Node A</sys:String>
    <sys:String>Node B</sys:String>
</TreeView>

因此，您有TreeView很多琴弦。在内部，ItemsControl可以带任何对象并将其包装在项目容器中。TreeView将这些字符串包装在TreeViewItem实例中。但是，项目仍存储为字符串，访问TreeView.Items将返回您添加的字符串。

获取TreeViewItem与一个任意项关联TreeView其实是相当困难的，因为你必须在根级别获得每个项目的容器，然后深入到每个那些并得到容器他们的物品，等一路过关斩将树直到找到所需的物品。

您可以在此处找到有关如何查找项目容器的示例。请注意，您不能在其中使用虚拟化以TreeView使其可靠地工作。另外，我建议您不要这样做，因为这样会使您的工作变得更加困难。