如何在Eclipse RCP中创建自定义UI构建器

Question

我有一个基于Eclipse RCP的应用程序，我希望它能够创建自定义UI构建器，最终用户可以在其中创建自己的仪表板（View），其中包含各种仪表，按钮，文本等。我​​会像一些实现了几个UI构建器（类似于WindowBuilder SWT ），即包含具有UI元素的调色板，属性元素UI构建器等，结果将存储在XML文件中，这将加载RCP应用程序并在此XML文件中应该创建视图。 不幸的是我不知道从哪里开始（捕获什么），创建自定义UI构建器的示例？

编辑：我已经有一个UI构建器，所以我是一个完整的初学者，但我想写一个新的更好。 保存/加载xml文件不需要解决。 令我烦恼的是（不知道该怎么做）是实际的UI构建器，即创建调色板UI元素，使用鼠标复制和移动元素，选择多个元素（移动）等。

谢谢你的建议。

Answer 1

我有一个非常相似的要求，但我没有使用RCP。 我知道您希望将创建的UI的结构保存在XML中，然后在您再次加载UI时加载该XML。 所以我认为，如果您使用XML，则必须使用模式或XSD模板来表示UI的XML标准文档。 定义UI中允许的元素，示例：按钮，文本字段，标签等。您需要有一个定义良好的模板，因为无论何时编写xml或读取xml，它都必须尽可能标准化。

如果你与xsd不相处，你可以先定义你的xml，然后使用xsd生成器，其中有很多是在线的。

例如：

<UIBuilder>
<ownerProperties>
<username>Marcelo Tataje</username>
</ownerProperties>
<ui>
<header>
<textlabel label="Welcome" />
</header>
<menu>
<button label="Home" name="btnHome">goHome()</button>
<button label="Contacts" name="btnContacts">showContacts()</button>
</menu>
<mainFrame>
<textfield label="Name:" name="txtName" canEdit=false />
<button label="Show name" name="btnProcess">processData()</button>
</mainFrame>
<footer></footer>
</ui>
<UIBuilder>

基于此，您可以创建一个模式：

<xs:schema attributeFormDefault="unqualified" elementFormDefault="qualified" xmlns:xs="http://www.w3.org/2001/XMLSchema">
  <xs:element name="UIBuilder">
    <xs:complexType>
      <xs:sequence>
        <xs:element name="ownerProperties">
          <xs:complexType>
            <xs:sequence>
              <xs:element type="xs:string" name="username"/>
            </xs:sequence>
          </xs:complexType>
        </xs:element>
        <xs:element name="ui">
          <xs:complexType>
            <xs:sequence>
              <xs:element name="header">
                <xs:complexType>
                  <xs:sequence>
                    <xs:element name="textlabel">
                      <xs:complexType>
                        <xs:simpleContent>
                          <xs:extension base="xs:string">
                            <xs:attribute type="xs:string" name="label"/>
                          </xs:extension>
                        </xs:simpleContent>
                      </xs:complexType>
                    </xs:element>
                  </xs:sequence>
                </xs:complexType>
              </xs:element>
              <xs:element name="menu">
                <xs:complexType>
                  <xs:sequence>
                    <xs:element name="button" maxOccurs="unbounded" minOccurs="0">
                      <xs:complexType>
                        <xs:simpleContent>
                          <xs:extension base="xs:string">
                            <xs:attribute type="xs:string" name="label" use="optional"/>
                            <xs:attribute type="xs:string" name="name" use="optional"/>
                          </xs:extension>
                        </xs:simpleContent>
                      </xs:complexType>
                    </xs:element>
                  </xs:sequence>
                </xs:complexType>
              </xs:element>
              <xs:element name="mainFrame">
                <xs:complexType>
                  <xs:sequence>
                    <xs:element name="textfield">
                      <xs:complexType>
                        <xs:simpleContent>
                          <xs:extension base="xs:string">
                            <xs:attribute type="xs:string" name="label"/>
                            <xs:attribute type="xs:string" name="name"/>
                            <xs:attribute type="xs:string" name="canEdit"/>
                          </xs:extension>
                        </xs:simpleContent>
                      </xs:complexType>
                    </xs:element>
                    <xs:element name="button">
                      <xs:complexType>
                        <xs:simpleContent>
                          <xs:extension base="xs:string">
                            <xs:attribute type="xs:string" name="label"/>
                            <xs:attribute type="xs:string" name="name"/>
                          </xs:extension>
                        </xs:simpleContent>
                      </xs:complexType>
                    </xs:element>
                  </xs:sequence>
                </xs:complexType>
              </xs:element>
              <xs:element type="xs:string" name="footer"/>
            </xs:sequence>
          </xs:complexType>
        </xs:element>
      </xs:sequence>
    </xs:complexType>
  </xs:element>
</xs:schema>

我使用了http://www.freeformatter.com/xsd-generator.html

并使用Jaxb创建逻辑处理，以基于定义的格式良好的XML文档创建UI。

Answer 2

一个人通过将它分解成越来越小的片段来开始一个大型项目，直到你可以编写一个片段的代码。

您可以从底部开始工作，也可以从顶部开始工作。

以下是一些可以帮助您解决问题的问题。

您的项目将支持哪些组件（仪表，按钮，文本等）？

用户可以为面板提供多少个不同的组件？

至于编码，请继续使用多面板编辑器设置Eclipse RCP项目。