在运行时添加和删除 WPF UIElement

Question

有没有一种方法可以对 UIElements（例如运行时添加的形状和控件）进行逻辑分组或标记以便于删除？

例如，我有一个带有一些（设计时）子元素的 Grid ，并在运行时向其中添加省略号和 TextBlock 。当我想绘制一组不同的椭圆和 TextBlock 时，我想删除添加的原始组。在添加它们时对它们进行逻辑分组的简单方法是什么，这样我就可以使用children.clear()或某种方法来识别它们以将其删除？

可以添加标签值，但在迭代控件的子级时无法检索或读取该值，因为它们的类型为 UIElement ，没有标签属性。

想法？

Answer 1

一个使用附加属性的好地方。

示例：

// Create an attached property named `GroupID`
public static class UIElementExtensions
{
    public static Int32 GetGroupID(DependencyObject obj)
    {
        return (Int32)obj.GetValue(GroupIDProperty);
    }

    public static void SetGroupID(DependencyObject obj, Int32 value)
    {
        obj.SetValue(GroupIDProperty, value);
    }

    // Using a DependencyProperty as the backing store for GroupID.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty GroupIDProperty =
        DependencyProperty.RegisterAttached("GroupID", typeof(Int32), typeof(UIElementExtensions), new UIPropertyMetadata(null));
}

用法：

public void AddChild(UIElement element, Int32 groupID)
{
    UIElementExtensions.SetGroupID(element, groupID);
    rootPanel.Children.Add(element);
}

public void RemoveChildrenWithGroupID(Int32 groupID)
{
    var childrenToRemove = rootPanel.Children.OfType<UIElement>().
                           Where(c => UIElementExtensions.GetGroupID(c) == groupID);

    foreach (var child in childrenToRemove)
    {
        rootPanel.Children.Remove(child);
    }
}

Answer 2

尝试在网格内的 Canvas 上绘图...这样就很简单：

MyCanvas.Chlidren.Clear();
MyCanvas.Children.Add(new Ellipse { Canvas.Top = 3....});

希望它有所帮助。