使用Eclipse和WindowBuilder Editor插件进行Java可视化编程

Eclipse是一种免费的可扩展的开放源代码的集成开发环境（IDE）。

这需要下载Eclipse IDE for Java Developers ，官网下载地址

https://www.eclipse.org/downloads/packages/release

可到网上搜索下载。根据操作系统的位数（bit）32位或 64位选择相应位数（bit）的版本下载。

Eclipse属于绿色软件，安装程序不会往注册表写入信息。Eclipse安装程序是一个压缩包，在解压缩后的文件夹中找到eclipse.exe，双击它就可以启动运行eclipse。当然你可以创建桌面快捷方式图标，以后用此桌面快捷方式图标启动运行eclipse。

第一部分、下面先用eclipse设计一个简单的GUI（Graphical User Interface）程序

Java提供了三个主要包做GUI开发：

java.awt 包，主要提供字体/布局管理器

javax.swing 包，主要提供各种组件(窗口/按钮/文本框)

java.awt.event 包，事件处理，后台功能的实现。

界面主要包括：

组件/控件，就是界面中的各种组成部分，比如：按钮、文本框、标签、表格…

容器，容器也是组件的一种，能容纳其它组件，比如：窗口、面板

布局管理器，组件在容器中的大小和位置由布局管理器控制。

常见的类/接口:

JFrame(窗口)、JPanel(面板)、JButton(按钮)、JTextField(文本框)、JLabel(标签)

常见的布局方式

FlowLayout(流布局)、BorderLayout(边框布局)、GridLayout(网格布局)

新建一个项目，使用文件菜单File -> New ->JavaProject：

输入项目名：testABC，单击“Finish”按钮。

因为我们是建立一个简单的程序，所以单击“Don’t Create”按钮

创建的项目testABC，并立即出现在右侧导航栏中。

为项目建立新类，展开项目testABC，右击src 使用右键快捷菜单，New -> Class

输入类名：testG ，选中public static void main(String[] arge)，单击“Finish”按钮

将其中的代码改为：

package testABC;

import java.awt.FlowLayout;

import javax.swing.JButton;

import javax.swing.JFrame;

public class testG {

public static void main(String[] args) {

JFrame jf = new JFrame("流布局DEMO"); //建立一个窗口

FlowLayout fl = new FlowLayout(); //使用流布局

jf.setLayout(fl);//修改布局管理

JButton jb1 = new JButton("按钮1"); //创建一个按钮

jf.add(jb1); //把按钮jb1放入窗口

JButton jb2 = new JButton("按钮2");//创建一个按钮

jf.add(jb2);//把按钮jb2放入窗口

jf.setSize(600, 300); //设置窗口的大小

jf.setLocation(300,200);//设置窗口的初始位置

jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭窗口

jf.setVisible(true); //显示窗口

}

如下图：

单击工具栏运行按钮运行：

第二部分、利用WindowBuilder Editor插件设计一个GUI程序概叙

从上面的例子可以看出，用java为程序编写图形界面，比较麻烦（简简单单的布局要写一堆代码），可以通过在Eclipse上安装插件WindowBuilder比较轻松实现图形界面可视化编程。

在Eclipse上安装插件WindowBuilder，可参考：

https://blog.csdn.net/yerenyuan_pku/article/details/82861589

先介绍在Eclipse中用WindowBuilder Editor插件设计一个GUI程序的过程

（一）、新建一个项目：

使用文件菜单File -> New ->JavaProject

输入项目名：testA，单击Finish

因为我们是建立一个简单的程序，不使用Module，所以单击Don’t Create

至此testA项目建立。

（二）创建类

a)使用wizard向导创建类；b) 使用普通方法创建类

a)使用wizard向导创建类

文件菜单New -> Other或在在Java项目上单击右键，选择“New -> Other”快捷菜单，如下图所示

【特别说明，若找不到WindowBuilder Editor，需要添加。】

创建的类文件testClassA，并立即出现在右侧导航栏中，并将出现WindowBuilder设计视图窗口，在窗口的左下角（箭头标识处），有两个选项卡：Source和Design， Source选项卡显示文本代码，Design选项卡显示设计视图。参见下图：

单击Design选项卡，显示如下图：

双击WindowBuilder Editor顶部这个选项卡，可以在全屏显示和常规显示之间切换。

Palette面板用于定制GUI组件，Properties面板用于GUI组件属性。

现在可以具体设计用户界面了。

b)使用普通方法创建类

展开项目，右击src 使用右键快捷菜单，New -> Class

输入类名，将超级类（Superclass）改为javax.swing.JFrame ，并选中public static void main(String[] args)，单击Finish按钮

【特别说明，若在“Open With >”下级菜单中找不到WindowBuilder Editor，需要添加。】

将出现WindowBuilder设计视图窗口，在窗口的左下角（箭头标识处），有两个选项卡：Source和Design， Source选项卡显示文本代码，Design选项卡显示设计视图。

单击Design选项卡，

双击WindowBuilder Editor顶部这个选项卡，可以在全屏显示和常规显示之间切换。

Palette面板用于定制GUI组件，Properties面板用于GUI组件属性。

现在可以具体设计用户界面了。

使用a)使用wizard向导创建类；b) 使用普通方法创建类不完全相同，用后者在后续手工编码时多一些。

（三）具体设计用户界面设计

在WindowBuilder设计视图中设计界面，可以根据需求直接将需要的控件拖拽到面板上形成所需要的界面。

可以手动拖动控制那些控件的位置和大小，若不能手动拖动控制那些控件的位置和大小，是因为你的Layout没设置好【默认的布局方式为BorderLayout(默认铺开整个窗体)，不能手动拖动控制那些控件的位置和大小】，可以用groupLayout，点一下groupLayout，然后再画布上点一下部件位置，拖到哪就放到哪。也可以使用absolute layout（绝对布局），让你可以随心所欲的安放控件。