显示基于具体对象类型的动态 UI？

Question

我有一个基类和几个从它派生的具体类。我们可以说它看起来像这样：

abstract class Base
{
    public int id;
    public string baseVariable;
}

class ConcreteA extends Base
{
    public string propertyA;
    public float propertyB;
}

class ConcreteB extends Base
{
    public decimal propertyC;
    public RandomClass propertyD;
}

我们可以说 UI 是一个很大的开放空间，其中漂浮着一堆从 Base 派生的具体对象。在此视图中，您需要的只是常规 id 和 baseVariable 属性，以获得显示通用对象所需的内容。如果双击其中一个对象，则会弹出一个窗口，您可以在其中编辑基础对象和混凝土对象的所有属性。

在该窗口中，我希望根据我拥有的具体对象类型动态加载选项卡，以及用于修改常见 Base 属性的静态加载选项卡。是否有一个好的设计模式来实现这样的事情？

看来我应该避免这种情况：

class PopUpWindow
{
    public PopUpWindow(object:Base)
    {
        tabs.add(BaseTab);

        switch(typeOf(object))
        {
            case ConcreteA:
                tabs.add(ConcreteATab);
            case ConcreteB:
                 tabs.add(ConcreteBTab);
        }
    }
}

但我也不认为我应该像这样在对象本身中混合 UI 内容：

public PopUpWindow(object:Base)
        {
            tabs.add(BaseTab);
            tabs.addAll(object.TabsToShowOnEdit);
            ...

有什么想法或建议吗？抱歉问了这么长的问题。提前致谢。

Answer 1

一种方法是拥有一个工厂，您可以在其中根据模型类型注册视图类型：

class ViewFactory
{
  // Can be populated from outside this class
  Dictionary<Type, Type> viewTypeByModelType;

  Control CreateView(Object model)
  {
    return (Control)Activator.CreateInstance(viewTypeByModelType[model.GetType()]);
  }
} 

然后您可以在填充 PopupWindow 时轻松使用该工厂：

 tabs.add(ViewFactory.CreateView(object));