Java可视化GUI开发利器:WindowBuilder的安装与使用

小编
小编
小编
172
文章
1
评论
2021-06-0614:53:08 评论 7,473

在使用Java进行GUI(图形用户界面)设计时,如果不借助可视化插件的话将使效率变得非常低下,幸好我们有WindowBuilder可用。WindowBuilder是一个Eclipse的可视化开发插件,可以用它非常快速的创建窗体,像常用的按钮、文本输入框、单选框、复选框等组件则直接用鼠标拖拽即可创建,同时还可以方便的设置各种属性。以下是WindowBuilder的安装与使用教程。

提示:安装插件时需要全程使用互联网,并注意保持连接,中途不要断开。

1.安装WindowBuilder

点击Eclipse顶部菜单“Help”——“Eclipse MarketPlace”;

Java可视化GUI开发利器:WindowBuilder的安装与使用

在Find中输入关键字WindowBuilder并回车进行查找,选择第一个结果的右下角“Install”按钮;

Java可视化GUI开发利器:WindowBuilder的安装与使用

点击“Confirm”按钮;

Java可视化GUI开发利器:WindowBuilder的安装与使用

勾选如下图所示的同意按钮,点击Finish按钮。

Java可视化GUI开发利器:WindowBuilder的安装与使用

安装窗口关闭,进入自动安装过程,在Eclipse主程序的右下角,如下图所示即表示当前Eclipse正在自动下载和安装WindowBuilder插件。

Java可视化GUI开发利器:WindowBuilder的安装与使用

根据网速和电脑性能不同,大约需要几分钟到十几分钟不等即可完成安装,如下图所示的提示框出现时,表面你的WindowBuilder插件已经安装完毕,根据提示重启Eclipse软件即可。

Java可视化GUI开发利器:WindowBuilder的安装与使用

2.WindowBuilder的使用

下面以创建一个窗体和一些组件为例演示WindowBuilder的便捷性。

创建相应的工程和包,右键点击src,选择New——Other菜单(注意此处不能选择Class);

Java可视化GUI开发利器:WindowBuilder的安装与使用

选择WindowBuilder——Swing Desiger——JFrame,点击Next按钮;

Java可视化GUI开发利器:WindowBuilder的安装与使用

输入该窗体的名字(也即Class类的名称),点击Finish按钮,如下图所示。

Java可视化GUI开发利器:WindowBuilder的安装与使用

默认会将该窗体文件(即类文件)源文件打开,点击左下角Design按钮,即切换到可视化设计界面。

Java可视化GUI开发利器:WindowBuilder的安装与使用

在可视化界面设计中,红色箭头所指即创建的窗体,紫色框为所有可用组件。

Java可视化GUI开发利器:WindowBuilder的安装与使用

点击窗体外边框选中该窗体(注意:必须手动点击外边框使窗体处于选中状态,黑色边框表面已经选中了)后,即可设置该窗体的各种属性,如resizable(是否允许调整窗体大小)、titile(窗体标题栏名字)等,如下图所示。

Java可视化GUI开发利器:WindowBuilder的安装与使用

窗体默认布局为BorderLayout,但该布局具有较大的局限性,其将窗体分为上、下、左、右、中5个区域,且每个区域最多仅能放一个组件,所以在实际开发中通常需要将其布局进行更改。选中如下图所示的紫色框区域(注意,上一步骤中是选中的整个窗体,而本步骤仅需要选择窗体的主体区域),点击红色箭头所指的Layout属性,选择GroupLayout布局。再依次点击JLabel(文字标签)、JTextField(文本框)等组件,然后在窗体合适位置单击一次鼠标即可将该组件创建到对应位置。

Java可视化GUI开发利器:WindowBuilder的安装与使用

以JLabel组件为例,该组件创建后默认处于选中状态,在左下角箭头所指处可更改该组件的文字内容。在Font属性中还可以设置该标签的字体、大小以及是否加粗等。

Java可视化GUI开发利器:WindowBuilder的安装与使用

读者朋友们,下图是小编使用WindowBuilder插件做的一个用户登录系统的主界面,你试试看吧。

Java可视化GUI开发利器:WindowBuilder的安装与使用

匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: