如何在C# WinForms用户控件中创建Shape对象集合？

嘿，我完全懂你的需求——就像DataGridView的Columns集合那样，能在设计器里逐个添加带属性的Shape对象，还能保存这些配置对吧？下面给你几个实用的实现方案，一步步来：

方案1：使用BindingList<Shape>（快速上手） #

BindingList<T>自带列表变更通知，WinForms设计器对它的支持很好，不用太多自定义代码就能实现可视化编辑。

在你的用户控件里这么定义：

using System.ComponentModel;
using System.Windows.Forms;

public class ShapeControl : UserControl
{
    // 定义Shape集合，标记为可序列化内容，让设计器保存元素
    [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
    [DisplayName("Shapes")]
    [Description("管理控件中的图形集合")]
    public BindingList<Shape> Shapes { get; set; }

    public ShapeControl()
    {
        InitializeComponent();
        // 初始化集合，避免空引用
        Shapes = new BindingList<Shape>();
    }
}

这样设置后，你在设计器里选中ShapeControl，就能在属性窗口找到Shapes属性，点击编辑按钮就能像添加DataGridView列那样逐个添加Shape对象，每个Shape的X/Y/Width/Height等属性都会被设计器保存到Form的Designer.cs里。

方案2：自定义ShapeCollection类（更灵活） #

如果需要在添加/移除Shape时做自定义逻辑（比如验证坐标范围、触发控件重绘），可以继承Collection<Shape>来实现自己的集合类：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Forms.Design;

// 自定义集合类
public class ShapeCollection : Collection<Shape>
{
    // 可以添加自定义的添加/移除逻辑
    protected override void InsertItem(int index, Shape item)
    {
        // 比如验证Shape的属性合法性
        if (item.Width <= 0 || item.Height <= 0)
            throw new ArgumentException("图形的宽高必须大于0");
        
        base.InsertItem(index, item);
        // 如果需要通知控件重绘，可以在这里触发事件
        OnShapeAdded?.Invoke(this, new ShapeEventArgs(item));
    }

    // 定义事件，让控件能响应集合变更
    public event EventHandler<ShapeEventArgs> OnShapeAdded;
}

// 自定义事件参数，传递新增的Shape
public class ShapeEventArgs : EventArgs
{
    public Shape Shape { get; }
    public ShapeEventArgs(Shape shape) => Shape = shape;
}

然后在用户控件里使用这个自定义集合，加上设计器编辑的属性：

public class ShapeControl : UserControl
{
    private ShapeCollection _shapes;

    [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
    [DisplayName("Shapes")]
    [Description("管理控件中的图形集合")]
    // 指定用集合编辑器，让设计器提供可视化界面
    [Editor(typeof(CollectionEditor), typeof(System.Drawing.Design.UITypeEditor))]
    public ShapeCollection Shapes
    {
        get => _shapes ??= new ShapeCollection();
        set => _shapes = value;
    }

    public ShapeControl()
    {
        InitializeComponent();
        // 订阅集合变更事件，触发控件重绘
        Shapes.OnShapeAdded += (s, e) => this.Invalidate();
    }
}

关键注意点 #

• DesignerSerializationVisibility.Content：这个属性告诉设计器，要序列化集合里的每个元素，而不是只序列化集合本身的引用，这样关闭设计器再打开时，添加的Shape才不会丢失。
• 集合编辑器：默认情况下，BindingList<T>和自定义Collection<T>都会被设计器识别为可编辑的集合，自动弹出集合编辑窗口；如果需要自定义编辑器，可以自己实现UITypeEditor。
• 初始化集合：一定要在构造函数里初始化集合，避免设计器加载时出现空引用异常。

这样实现后，你的用户控件就能像DataGridView那样，在设计器里轻松管理Shape对象集合啦！

内容的提问来源于stack exchange，提问作者Héctor M.