递归地将项目添加到 TreeView

Question

我有一个从 WinRT.XamlToolKit 导入的 TreeView，我想在通用应用程序中使用它。重要的是要注意，我知道有类似的问题，但有些问题不起作用，因为它们早于通用应用程序，或者它们不适应 MVVM 的使用。按照教程了解如何填充树，我遇到了这个递归方法：

private ObservableCollection<TreeViewItemModel> BuildTree(int depth, int branches)
    {
        var tree = new ObservableCollection<TreeViewItemModel>();

        if (depth <= 0) return tree;
        var depthIndices = Enumerable.Range(0, branches).Shuffle();

        for (var i = 0; i < branches; i++)
        {
            var d = depthIndices[i] % depth;
            var b = _rand.Next(branches / 2, branches);
            tree.Add(
                new TreeViewItemModel
                {
                    Branch = b,
                    Depth = d,
                    Text = "Item " + _itemId++,
                    Children = BuildTree(d, b)
                });
        }
        return tree;
    }

它是这样调用的 TreeItems = BuildTree(5,5); 然后我将我的 TreeView ItemSource 绑定到 TreeItems 并附加到 TreeViewItemModel 的文本属性。

这适用于预先确定的集合，然后如方法中所示，使用随机数来计算树的显示方式。（在什么深度，有多少分支等）

我不确定的是如何实现类似的递归函数以使用具有不确定数量的子项的不同 ItemModel 填充树。在我的设置中，我有一个 Space，它可以有子 Space、设备、and/or 传感器。 space 可以没有设备和传感器，但有一个或多个子 space，或者它可以没有子 space，但它可以有设备 and/or 传感器.在我的传感器 class 中，它有一个与它绑定的 Space 和它报告的设备的 ID 相关的父 ID。

所以，简而言之，我需要从 Space 的列表中递归地填充我的 ObservableCollection<TreeViewSpaceModel>。

TreeViewSpace模型class:

public class TreeViewSpaceModel : NotifyObject
{
    private string _name;
    private Guid _iD;
    private string _parentName;
    private ObservableCollection<TreeViewSpaceModel> _children = new ObservableCollection<TreeViewSpaceModel>();
    private ObservableCollection<TreeViewDeviceModel> _devices = new ObservableCollection<TreeViewDeviceModel>();
    private ObservableCollection<TreeViewSensorModel> _sensors = new ObservableCollection<TreeViewSensorModel>();

    public string Name
    {
        get { return _name; }
        set { SetProperty(ref _name, value); }
    }

    public string ParentName
    {
        get { return _parentName; }
        set { SetProperty(ref _parentName, value); }
    }

    public Guid Id
    {
        get { return _iD; }
        set { SetProperty(ref _iD, value); }
    }

    public ObservableCollection<TreeViewSpaceModel> Children
    {
        get { return _children; }
        set { SetProperty(ref _children, value); }
    }

    public ObservableCollection<TreeViewDeviceModel> Devices
    {
        get { return _devices; }
        set { SetProperty(ref _devices, value); }
    }

    public ObservableCollection<TreeViewSensorModel> Sensors
    {
        get { return _sensors; }
        set { SetProperty(ref _sensors, value); }
    }
}

DeviceModel 没有子项，但它有传感器，并且 SensorModel 没有子项、设备或传感器，因为它是层次结构的末尾。 Space class:

public class Space
{
    public Guid Id { get; set; }
    public string Name { get; set; }
    public int SpaceTypeId { get; set; }
    public virtual Space Parent { get; set; }
    public virtual ICollection<Sensor> Sensors { get; set; }
    public virtual ICollection<Device> Devices { get; set; }
    public virtual ICollection<Space> Children { get; set; }
}

理想的最终结果应该是这样的：

Space1
---- ChildSpace1
--------Device1
-------------Sensor1
-------------Sensor2 (Sensors report for Spaces, but are bound to Devices)
--------SubChildSpace1
-------------Sensor1
-------------Sensor2
--------SubChildSpace2
-------------Sensor1
------------Sensor2
--------Device2
---- ChildSpace2
Space2

如果有更简单的方法而不是递归方法来执行此操作，我很乐意接受它。在研究通用应用程序的 TreeViews 时，我确实遇到其他人说用户应该能够做类似 items.Node(0).Add(stuffhere) 的事情；但是，我无法弄清楚如何实现这一点，因为 ObservableCollection 没有提供 .Node扩展。

Answer 1

由于控件不支持虚拟化 - 它假设项目数量有限（它最适合远低于 1000 的项目），因此递归应该没问题。 TreeViewSpaceModel 的一个小问题是它有多个子模型列表。要让它与 TreeView 一起使用，您需要一个子列表，但它们可以是不同类型的。如果您想以不同的方式显示它们 - 您需要使用模板选择器。至于生成列表，如果不进行编译检查，它可能是这样的：

static ObservableCollection<TreeViewItemModel> GetSpaceTree(
    IEnumerable<Space> spaces)
{
    return new ObservableCollection<TreeViewItemModel>(
        spaces
            .Where(space => space.Parent == null)
            .Select(space => new TreeViewSpaceModel(space))
    );
}

然后在 TreeViewSpaceModel 你会有这样的构造函数

TreeViewSpaceModel(Space space)
{
    // TODO: Set name, ID etc.
    this.Children = new ObservableCollection<TreeViewItemModel>(
        space.Children.Select(childSpace => new TreeViewSpaceModel(childSpace))
        .Union(space.Devices.Select(device => new TreeViewDeviceModel(device)))
        .Union(space.Sensors.Select(sensor => new TreeViewSensorModel(sensor)))
    );
}

Answer 2

我不太清楚为什么我无法得到 Filip Skakun 提供的答案，但他仍然值得称赞，因为他的例子确实帮助我想到了如何解决问题。我只是使用了一个 class 模型 -> TreeViewItemModel 并像这样构造它来构建我的 Observable 集合。

TreeViewItemModel class:

public class TreeViewItemModel : NotifyObject
{

    private string _name;
    private Guid _iD;
    private string _parentName;
    private Guid _parentId;
    private string _parentDeviceName;
    private ObservableCollection<TreeViewItemModel> _children = new ObservableCollection<TreeViewItemModel>();


    public string Name
    {
        get { return _name; }
        set { SetProperty(ref _name, value); }
    }

    public Guid ParentId
    {
        get { return _parentId; }
        set { SetProperty(ref _parentId, value); }
    }

    public string ParentDeviceName
    {
        get { return _parentDeviceName; }
        set { SetProperty(ref _parentDeviceName, value); }
    }
    public string ParentName
    {
        get { return _parentName; }
        set { SetProperty(ref _parentName, value); }
    }

    public Guid Id
    {
        get { return _iD; }
        set { SetProperty(ref _iD, value); }
    }

    public ObservableCollection<TreeViewItemModel> Children
    {
        get { return _children; }
        set { SetProperty(ref _children, value); }
    }


    public TreeViewItemModel(object thing)
    {
        //GetDevices();
        if (thing.GetType() == typeof (Space))
        {
            var space = (Space)thing;
            var parentName = string.Empty;
            if (space.Parent != null)
            {
                parentName = space.Parent.Name;
            }
            Name = space.Name;
            ParentName = parentName;
            Id = space.Id;
            Children = new ObservableCollection<TreeViewItemModel>(space.Children.Select(s => new TreeViewItemModel(s)).Union(space.Devices.Select(d => new TreeViewItemModel(d)).Union(space.Sensors.Select(sensor => new TreeViewItemModel(sensor)))));
        }

        else if (thing.GetType() == typeof (Device))
        {
            var device = (Device) thing;
            var parentName = device.Space.Name;
            Name = device.Name;
            ParentName = parentName;
            Id = device.Id;
            Children = new ObservableCollection<TreeViewItemModel>(device.Sensors.Select(s => new TreeViewItemModel(s)));
        }

        else if (thing.GetType() == typeof(Sensor))
        {
            var sensor = (Sensor) thing;
            var space = sensor.Space.Name ?? string.Empty;
            //var device = Devices.First(d => d.Id == sensor.DeviceId);
            var device = sensor.Device;
            ParentName = device == null ? "No Matching Device" : device.Name;
            Name = sensor.Id.ToString();
            Id = sensor.Id;
            ParentName = space;

            Children = null;
        }

    }

我这样称呼它：TreeSpaces = BuildSpaceTree(AllSpaces); BuildSpaceTree方法如下：

private ObservableCollection<TreeViewItemModel> BuildSpaceTree(IEnumerable<Space> spaces)
    {
       return new ObservableCollection<TreeViewItemModel>(spaces.Where(space => space.Parent == null).Select(space => new TreeViewItemModel(space)));
    }

我在 Filip 的回答中遇到的最大问题是，它不喜欢我尝试合并不同 class 类型的多个列表。

递归地将项目添加到 TreeView

Recursively Add Items to a TreeView

c#

recursion

treeview

win-universal-app

winrt-xaml-toolkit