如何使用构建器设计模式和抽象设计模式来设计复杂的GUI？

Question

我正在尝试创建一个复杂的GUI，假设主面板包含一个列表面板和一个按钮面板。按钮面板将再次包含两个按钮。构造顺序如下所示：

constructMainPanel()
constructListPanel(mainpanel)
constructButtonPanel(mainPanel)
constructButton('b1',buttonPanel)
constructButton('b2',buttonPanel)

这个GUI有两种风格: Linux和Windows。我如何使用构建器设计模式和抽象工厂设计模式来设计这个GUI？类图看起来会是什么样子？

我理解构建器和抽象工厂模式，但是如何将它们一起使用呢？这就是我所说的builder pattern wiki构建器模式。这是抽象工厂模式，我指的是abstract factory wiki

Answer 1

这两种模式将按如下方式协作：

buttons...)

• the builder抽象工厂将用于创建组件(面板、列表面板、
• 将标准化构建部件和组装整体的步骤。

很难更具体/精确，因为每种模式都有不同的变化。但它可能看起来像(伪代码)：

factory = new LinuxGUIFactory ();  
builder = new ListChoiceBuilder (factory) // inject the factory 
builder.buildPanels()
builder.buildApproveCancelButtons(); 
form = builder.GetResult(); 

ListChoiceBuilder将使用抽象工厂作为构造函数参数。然后，每当需要创建面板、列表面板、按钮等时，它都会调用抽象工厂的抽象方法。

在实例化ListChoiceBuilder时，您提供了Linux、Windows或MacOs具体工厂，后者使用与抽象工厂完全相同的接口。当然，构建器对于这样一个简单的GUI示例来说过于夸张了。