WindowBuilder的安装与简介

---------------siwuxie095

 
 

 
 

 
 

 
 

 
 

 
 

 
 

WindowBuilder 直达链接： http://www.eclipse.org/windowbuilder/download.php

 
 

 
 

 
 

 
 

一般都是使用
Integration Version（集成版），集成到 Eclipse 中

 
 

复制
Update Site 下的链接 link，打开 Eclipse->Help->Install New Software

 
 

〔如果有
Zipped Update Site，也可以点击下载压缩包，

将之解压到 Eclipse 安装目录的 plugins 目录下〕

 
 

注意：要复制对应版本的 Eclipse 链接，如：我当前是 4.6(Neon)

 
 

 
 

 
 

 
 

将链接粘贴到
Work with 后的文本框里，点击 Add

 
 

 
 

 
 

 
 

在 Name 后添加 WindowBuilder，点击 OK

 
 

 
 

 
 

 
 

勾选上即可，后面按提示在线安装

 
 

 
 

 
 

安装完成后，重启 Eclipse 即可使用该插件

 
 

 
 

关于 Release Version 和 Integration Version 的区别，参考：

http://stackoverflow.com/questions/12810449/what-is-the-difference-between-the-release-and-integration-versions

 
 

 
 

 
 

 
 

 
 

 
 

在 Eclipse 的 Package Explorer，右键->New->Java Project，

命名为
TestUI，点击 Finish

 
 

 
 

 
 

 
 

点击选择 src，右键->New->Other->WindowBuilder->Swing Designer，

对于一般的程序界面设计，选择
JFrame 即可

 
 

点击 Next

 
 

 
 

 
 

 
 

 
 

指定包名为 com.siwuxie095.ui，将类命名为 MyFrame，它是继承自 javax.swing.JFrame 类，

勾选上 Use advanced template for generate JFrame（使用高级模板生成 JFrame）

 
 

点击Finish

 
 

 
 

 
 

 
 

此时的代码编辑界面左下方显示出
Source（源代码） 和 Design（可视化编辑） 的标签，

表明
WindowBuilder 安装完成

 
 

 
 

 
 

 
 

点击
Design，有很多组件（控件）列表

 
 

 
 

 
 

 
 

也可以设置元素的属性

 
 

 
 

 
 

 
 

 
 

 
 

既可以在
Source 通过
代码
来直接修改
UI 元素的属性，也可以在 Design 中

选择某
UI 元素，在其属性面板中执行相应的操作

 
 

 
 

如：

 
 

在
Design 中选择窗体 JFrame

 
 

 
 

 
 

 
 

 
 

在属性设置面板将当前的窗体标题设置为
Test

 
 

 
 

 
 

 
 

切换回
Source，代码中也自动生成了 title 属性的设置

 
 

 
 

 
 

 
 

界面预览：

 
 

 
 

 
 

 
 

如果在
Source 中，将 setTitle() 的属性值改为 "TestJFrame"

 
 

 
 

 
 

 
 

切换回
Design，系统会刷新当前的界面，并且自动将所有的属性更新到界面当中

 
 

 
 

 
 

 
 

界面预览：

 
 

 
 

 
 

 
 

 
 

 
 

 
 

【made by siwuxie095】