indigo_Indigo Release Train中的UI工具：WindowBuilder

我的Indigo Highlights系列的第5部分重点介绍UI工具。 开发Eclipse SWT，Swing，GWT或RCP / RAP应用程序无关紧要-您一直在寻找UI设计器工具。 那么，Indigo发行版（Eclipse 3.7）有哪些新功能？

WindowBuilder –老朋友

自从我第一次搜索用于设计SWT应用程序的UI Designer工具以来，我不知道已经走了多少年。 另外，我不知道几年前的《实例化》的埃里克·克莱伯格（Eric Clayberg）成为我的朋友。 实例化开发了SWTDesigner作为产品系列的一部分：

• SWTDesigner设计SWT / RCP应用程序的UI
• SwingDesigner设计Swing应用程序的UI
• GWTDesigner设计GWT应用程序的UI

…全部打包为WindowBuilder。 SWTDesigner一直是我日常工作中使用的非开源产品之一。

2010年8月，Google与Instantiations的开发人员和创始人一起接管了WindowBuilder。 几个月后发生了分歧：Google将GWTDesigner集成到其GWT工具中，并将其余的作为新的WindowBuilder项目捐赠给Eclipse Foundation。 现在，WindowBuilder成为新版本项目之一，这是首次成为Release Train的一部分–我从未想象过有一天SWTDesigner会成为Eclipse的开源项目的一部分。 并非每次收购都会有如此幸福的结局！

在哪里可以找到WindowBuilder？

使用WindowBuilder既简单又直观，但是也许很难找到并安装到Indigo中-因此，我将对此进行详细说明。

首先，当您必须安装某些东西时想到的是新的，舒适的Eclipse Marketplace 。 如果安装了Eclipse EPP软件包之一 ，通常会在帮助菜单中找到Marketplace。 但是......如果您使用的是Eclipse SDK（经典软件包），则没有预装市场。 为了能够将Marketplace安装到Eclipse Classic Package中，您必须添加Eclipse Marketplace Client（MPC）的更新站点 ：

然后，您将在帮助菜单中找到预期的Marketplace。 搜索“ WindowBuilder”将立即显示两个产品：WindowBuilder和GWT Designer。

我们只对WindowBuilder感兴趣-不幸的是，新的Drag'n'Drop安装无法正常工作，因此我们单击“了解更多”并获得一些详细信息：

注意：绿色箭头承诺会指向更新站点，但这是一个旧的站点（截止到今天）。 请不要使用此更新站点-新站点可在此处找到。

使用Indigo（3.7）更新站点，您将获得所有可用功能-选择所需的功能-在此示例中，我只想安装SWTDesigner。

重新启动Eclipse之后，您应该真正查看首选项中的详细信息，您可以在其中配置生成的代码的外观。 有这么多属性-我相信您将能够找到适合自己的个人风格的属性。

WindowBuilder双向工作：您可以使用Drag'n'Drop更改设计或键入源代码-另一部分将动态更改。 尝试的最简单方法是创建一个SWT / JFace Java项目，然后在该项目内创建一个RCP ViewPart。 WindowBuilder提供了许多强大的向导。

在Designer Editor内打开ViewPart，您将在面板中找到所有UI元素，从那里您可以将它们拖动到设计区域中。 可以详细编辑所有元素的属性。

还有一个树形视图来显示组件的结构。

如果您想“实时”查看设计结果–只需单击一下鼠标。

在源，设计和数据绑定之间切换也很容易。

不输入一行代码，WindowBuilder生成了：

您正在开发RAP应用程序吗？ 没问题：WindowBuilder还允许您设计RAP应用程序。

展望

如果您还不了解WindowBuilder，则应尽快尝试-WindowBuilder既灵活又复杂，但易于使用。

下一部分将重点放在大的X上 -我的意思是X文本2， X基数， X Tend2。 使用这些框架，生成代码变得容易。 自从openArchitectureWare的旧时代以来，开发了许多新的有趣的东西。 对此有更深入的了解是有道理的。 敬请关注！