首页 > 代码库 > WindowBuilder的安装与简介

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】

WindowBuilder的安装与简介