一、下载安装界面设计器

在Eclipse中安装WindowBuilder：

1.首先下载WindowBuilder。在浏览器地址栏输入：

进入WindowBuilder插件的下载列表界面，根据Eclipse的版本下载离线安装文件：

2.下载好后将压缩文件解压，把与Eclipse中同名的两个文件夹覆盖到Eclipse中：

3.再次启动Eclipse，选择主菜单中的“文件->新建->其他”，在新建对话框里出现一个WindowBuilder节点，说明WindowBuilder插件安装成功：

二、设计Windows系统的运行对话框界面

在界面设计器的基础上开发一个仿照Windows系统的运行对话框的界面，以熟悉界面设计器的使用。

1.新建Java项目，在项目思维src文件夹上单击鼠标右键，在弹出的快捷键菜单中选择“新建->其他”，在弹出的新建对话框中展开WindowBuilder节点，在展开Swing Designer节点，选择“JFrame”子节点，然后点击“下一步”：

2.在弹出的对话框里输入新建的Swing JFram的名称，点击完成：

3.点击完成后，向导会自动创建RunDialogDemo类，并完成代码的初步编写，我们需要使用设计器进行组件添加和布局，通过单击代码编辑页下面的Design标签来切换到设计器界面：

4.在进入设计器界面后，在设计器界面的窗体中单击鼠标右键，在弹出的快捷键菜单中选择“Set layout->Absolute Layout”命令，这样即可设置窗体容器使用绝对定位方式布局组件。在没有学会布局管理器之前，使用绝对定位的布局方式相对要简单一些，拖拽组件就可以设置位置：

5.在设计器Palette组件面板的Components选项卡中选择JLabel组件，然后在设计器窗体上的指定位置单击鼠标左键：

6.选择添加到窗体的JLabel组件，然后在Properties选项卡中找到icon属性，单击右侧的“...”按钮选择组件图标：

7.在弹出的对话框中找到需要的图片文件，为JLabel组件添加图片：

8.现在的JLabel组件包含了图片，但还有多余的文本信息。修改该组件的text属性，将属性值删除：

9.再添加一个JTextArea组件，显示文本，并设置opaque属性为false，lineWrap属性为true，然后设置text文本属性；添加JLabel组件，设置文本为“打开(O)：”；添加JComboBox组件，调整合适的大小；添加三个按钮，分别设置text属性为“确定”、“取消”、“浏览”调整大小后整体效果如下：

10.切换到Source源码选项卡，修改主方法代码：

public static void main(String args[]) {	EventQueue.invokeLater(new Runnable() {		public void run() {			try {				UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());				RunDialogDemo frame = new RunDialogDemo();				frame.setVisible(true);			} catch (Exception e) {				e.printStackTrace();			}		}	});}

其中“UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());”语句是用于设置程序使用本地系统的外观样式。

运行结果如下：

三、设计计算器程序界面

为了熟悉界面设计器，这里再开发一个计算器界面，只有界面。

1.在项目中创建主题窗类，设置窗体容器的布局方式为绝对布局（Absolute layout）；

2.在窗体顶部添加一个JTextField文本框组件，调整文本框与窗体宽度相适应：

3.在窗体设计器界面右侧，添加“sqrt”、“%”、“1/x”、“=”这四个按钮，设置“=”的前景色(foreground)为红色，其他三个按钮为蓝色：

4.通过Merquee选项可以实现鼠标划动选择多个按钮或其他组件，然后通过复制粘贴可以直接添加相同的一组按钮到设计器中，对复制的组件进行调整和设置，把他们定义成运算符和数字的按钮：

5.切换回source源码选项卡，修改main方法：

public static void main(String[] args) {		EventQueue.invokeLater(new Runnable() {			public void run() {				try {					UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());					Calculator frame = new Calculator();					frame.setVisible(true);				} catch (Exception e) {					e.printStackTrace();				}			}		});	}

运行效果：