如何创建C#泛型接口ICompositeComponent的动态组件列表？

核心思路是拆分接口契约：将所有组件共享的公共属性/方法抽离到非泛型基接口，让泛型接口继承这个基接口。这样既保留了泛型对DataModel的类型约束，又能让不同泛型实现类统一归属于基接口类型，实现列表的兼容存储。

具体实现步骤 #

1. 定义非泛型基接口

把UIName这类公共属性、通用渲染方法放到非泛型接口中，作为所有组件的基础契约：

public interface ICompositeComponent
{
    // 所有组件必须实现的公共属性
    string UIName { get; set; }
    // 通用UI渲染方法（如果需要）
    void RenderUI();
}

2. 定义泛型子接口

让泛型接口继承上述基接口，专门约束专属类型的DataModel：

public interface ICompositeComponent<T> : ICompositeComponent
{
    // 泛型约束的专属DataModel
    T DataModel { get; set; }
}

3. 实现具体组件

以ImageWrapper和TextWrapper为例，各自实现对应泛型接口：

// 图片组件的DataModel
public class ImageDataModel
{
    public string ImageUrl { get; set; }
}

public class ImageWrapper : ICompositeComponent<ImageDataModel>
{
    public string UIName { get; set; }
    public ImageDataModel DataModel { get; set; }

    public void RenderUI()
    {
        Console.WriteLine($"渲染图片组件：{UIName} | 图片地址：{DataModel.ImageUrl}");
    }
}

// 文本组件的DataModel
public class TextDataModel
{
    public string Content { get; set; }
}

public class TextWrapper : ICompositeComponent<TextDataModel>
{
    public string UIName { get; set; }
    public TextDataModel DataModel { get; set; }

    public void RenderUI()
    {
        Console.WriteLine($"渲染文本组件：{UIName} | 内容：{DataModel.Content}");
    }
}

4. 统一管理组件列表

现在可以直接用List<ICompositeComponent>来存储不同类型的组件，遍历操作公共属性或方法：

var components = new List<ICompositeComponent>
{
    new ImageWrapper
    {
        UIName = "首页轮播图",
        DataModel = new ImageDataModel { ImageUrl = "https://example.com/banner.jpg" }
    },
    new TextWrapper
    {
        UIName = "欢迎文案",
        DataModel = new TextDataModel { Content = "欢迎访问我的站点" }
    }
};

// 遍历渲染所有组件
foreach (var component in components)
{
    Console.WriteLine($"=== 开始渲染组件：{component.UIName} ===");
    component.RenderUI();
}

5. 针对特定组件操作DataModel

如果需要在遍历中访问特定类型的DataModel，可以通过类型判断实现：

foreach (var component in components)
{
    if (component is ICompositeComponent<ImageDataModel> imageComp)
    {
        Console.WriteLine($"图片组件URL：{imageComp.DataModel.ImageUrl}");
    }
    else if (component is ICompositeComponent<TextDataModel> textComp)
    {
        Console.WriteLine($"文本组件内容：{textComp.DataModel.Content}");
    }
}

这种方案既满足了每个组件拥有专属类型DataModel的需求，又能通过基接口统一管理不同组件的公共行为，完美解决泛型接口无法直接放入同一列表的问题。

内容的提问来源于stack exchange，提问作者Franky