使用windowbuilder插件开发图形界面

先介绍一下JFrame与Frame窗口上的区别：

  JFrame窗口是自带默认有一个Panel容器的，Frame窗口则是没有的，它们默认的布局都是边界布局。

JFrame默认的是边界布局，JPanel默认的是流式布局。

  要使用JFrame窗口自带的容器或让容器不显示之类的操作都得先使用getContentPane();来得到容器后才能对这个容器进行操作。例如设置窗口的背景颜色(使容器不显示)：

<a href="https://s3.51cto.com/oss/201710/26/5149c830e18902f5f27fef13e626477c.png" target="_blank"></a>

运行效果：

<a href="https://s2.51cto.com/oss/201710/26/6c5f4ac25c7a246d4d5b6c550ccdecd2.png" target="_blank"></a>

菜单栏对象、菜单项与菜单子项：

<a href="https://s4.51cto.com/oss/201710/26/2e6b4eea540ea1826f15c35e71d2d6b9.png" target="_blank"></a>

在窗口最上面的这一排选项就是菜单栏，想在窗口上添加菜单栏，首先使用菜单栏类JMenuBar构建出菜单栏对象，才能往里面添加其他组件。

  构建出对象后，再使用JMenu菜单项类构建出菜单项对象，然后使用菜单栏对象访问add();方法把构建出来的菜单项对象添加上去。接着使用窗口对象访问setJMenuBar();方法把菜单栏对象设置一下。代码示例：

<a href="https://s5.51cto.com/oss/201710/26/993b5b62fed9405df7cebf4b4a88042d.png" target="_blank"></a>

<a href="https://s4.51cto.com/oss/201710/26/1ceab80d60ceb284d94e8f484a1b7cfb.png" target="_blank"></a>

菜单项里还可以添加菜单扩展项和菜单子项，菜单项的菜单扩展项里还可以再加菜单子项。菜单扩展项其实就是菜单项里的菜单项，新构建一个菜单项后再添加进一个菜单项里就是扩展项了。

  JMenuItem是菜单子项类，先使用这个类构建出菜单子项对象就可以将这个对象添加进菜单项里了。代码示例：

<a href="https://s4.51cto.com/oss/201710/26/69b92e0eb38ce68cce8587bfd258f7d8.png" target="_blank"></a>

<a href="https://s3.51cto.com/oss/201710/26/54288b05ffb3ef12ddf3578e6d90705e.png" target="_blank"></a>

<a href="https://s1.51cto.com/oss/201710/26/31b60103865f387084a8749f52a22ab9.png" target="_blank"></a>

安装SWT插件：

  什么是SWT？

SWT是IBM开发的一款使用在Eclipse上的图形化开发的插件。

在以前SWT是需要收费的，需要激活才能使用。但是现在SWT已经被Google公司所收购，并更名为WindowBilder Pro，现在这款插件是免费的了，直接在Eclipse里的安装新软件(Install New SoftWare)选项里的界面添加进网址即可直接安装使用。

安装步骤：

1.打开Eclipse里Help选项下的Install New SoftWare选项里的界面：

<a href="https://s2.51cto.com/oss/201710/26/1d9bee8f42827b1d1b2bdb01cda226c3.png" target="_blank"></a>

<a href="https://s5.51cto.com/oss/201710/26/4f060351fcc8c3d3b614ee761c93ce90.png" target="_blank"></a>

3.等待计算需求与依赖性

<a href="https://s4.51cto.com/oss/201710/26/26026d530cca260af20a2b53debedd14.png" target="_blank"></a>

4.不用管，点击下一步：

<a href="https://s5.51cto.com/oss/201710/26/41da46b13217da882bb2a7a2eddcc1a3.png" target="_blank"></a>

5.选择同意并点击Finish完成：

<a href="https://s2.51cto.com/oss/201710/26/8bb50c72aa80cf55f01f69f4216e409d.png" target="_blank"></a>

6.等待下载安装：

<a href="https://s4.51cto.com/oss/201710/26/5acc2e51a57b3cf5ca1eb4d5187881e8.png" target="_blank"></a>

安装完成后重启Eclipse就可以使用这个插件进行图形化开发了

   重启Eclipse后，选择“File”—&gt;New—&gt;Project...—&gt;WindowBuilder—&gt;SWT Designer—&gt;SWT/JFace Project新建项目，例如我建得“FirstSS”，然后右击所建项目，选择“New”—&gt;Other...—&gt;WindowBuilder—&gt;Swing Designer或SWT Designer，选择希望建立的窗体类。

<a href="https://s2.51cto.com/oss/201710/26/a197c118abe9723898548b4b10a2da2a.png" target="_blank"></a>

<a href="https://s1.51cto.com/oss/201710/26/57dba41193fd11b3f1cca4955445697c.png" target="_blank"></a>

<a href="https://s3.51cto.com/oss/201710/26/7dfb9a7a65b45c07cb3277e56c60c71e.png" target="_blank"></a>

点击Design进入插件界面：

<a href="https://s4.51cto.com/oss/201710/26/58486d3261ea53b747a31f4c48b3cdb5.png" target="_blank"></a>

  接下来就可以使用插件进行图形化界面开发了，只需要点击上面的组件添加到右边的窗口里即可，插件会自动生成代码。

示例：

<a href="https://s4.51cto.com/oss/201710/26/c67e10d1b7dd31d7992729c4e4c3bbe2.png" target="_blank"></a>

这一栏是组件信息只需要将组件放上去即可

<a href="https://s4.51cto.com/oss/201710/26/af9e58a7fc5ab7bd40f68d941088ec6a.png" target="_blank"></a>

<a href="https://s1.51cto.com/oss/201710/26/65eca4ffdde492db6da71f1d66858768.png" target="_blank"></a>

本文转自 ZeroOne01 51CTO博客，原文链接：http://blog.51cto.com/zero01/1976488，如需转载请自行联系原作者