《Java程序设计教程》课件第十三章：Swing UI设计.pptxVIP

本章学习目标：●掌握JAVA容器类JFrame和JPanel的使用●掌握AWT和Swing常用布局的使用●了解JAVA事件处理机制●掌握常用可视化组件的使用第十三章SwingUI设计

第1节partWindowBuilder插件

WindowBuilder是一款基于Eclipse平台的插件，具备SWT/JFACE、Swing和GWT三大功能，可以对JavaGUI进行双向设计。WindowBuilder是一款不可多得的Java体系中的“所见即所得”开发工具。WindowBuilder插件本节概述

WindowBuilder插件是基于Eclipse的，安装前需要JDK开发环境和Eclipse开发工具。在Eclipse官方网站提供了WindowBuilder插件的下载即安装说明，地址如下：/WindowBuilder/download.php目前WindowBuilder插件支持Eclipse的Juno、Kepler、Luna和Mars版本，如图13.1所示，每个版本又分为发行版（ReleaseVersion）和整合版（IntegrationVersion）。13.1.1WindowBuilder插件安装WindowBuilder插件安装

在Eclipse中安装WindowBuilder插件有以下两种方式进行安装。（1）在线安装：在图13.1中，单击表格中的ReleaseVersion→UpdateSite→4.4（Luna）所对应的link，进入在线安装界面，浏览器地址栏中的地址即为在线安装地址。（2）离线安装：点击ReleaseVersion→ZippedUpdateSite→4.4（Luna）所对应的link（MD5Hash），下载WindowBuilder插件的离线安装包。WindowBuilder插件安装13.1.1

1.在线安装方式通过在线方式安装Eclipse的WindowBuilder插件的步骤如下所示：【步骤一】代开Eclipse集成开发工具，在Help菜单中选择InstallNewSoftCWare命令，如图13.2所示。进入安装界面，如图13.3所示。WindowBuilder插件安装13.1.1

【步骤二】单击Add按钮，打开站点添加界面，如图13.4所示，添加WindowBuilder插件的在线安装地址为：/windowbuilder/WB/release/R201506241200-1/4.4/WindowBuilder插件安装13.1.1

【步骤三】单击OK按钮，返回安装主界面，如图13.5所示。选择SwingDesigner、SWTDesigner和WindowBuilderEngine选项后，单击Next按钮，进入安装细节界面，如图13.6所示。WindowBuilder插件安装13.1.1

【步骤四】单击Next按钮，进入协议许可界面，如图13.7所示。单击Finish按钮，进入WindowBuilder插件安装界面，如图13.8所示。安装完成后，重新启动Eclipse开发工具即可。WindowBuilder插件安装13.1.1

2.离线安装方式下载WindowBuilder插件的离线安装包后，可以通过离线方式进行安装，具体步骤与在线安装相同，只是在步骤一单击Add按钮后，进入本地资源界面，与步骤二界面相同。其中Local按钮用于选取本地文件夹，Archive按钮用于选取本地jar或zip类型的压缩文件。输入本地资源名称，选取下载本地的离线包后，单击OK按钮返回安装主界面。WindowBuilder插件安装13.1.1

在Eclipse中的Java项目中，单击File→New→Other菜单命令，通过向导方式创建一个JFrame窗体，如图13.9所示。选择JFrame选项，单击Next按钮进入常见JFrame对话框。13.1.2WindowBuilder插件的使用过程WindowBuilder插件的使用过程

在创建JFrame对话框中，输入类名LoginFrame，单击Finish按钮即完成JFrame窗体的创建，如图13.10所示。WindowBuilder插件的使用过程13.1.2

在代码编辑窗口，如图13.11所示，单击左下角的Source和Design选项卡（或按F12快捷键）可以在源代码和设计界面之间进行切换。WindowBuilder插件的使用过程13.1.2

源代码窗口可以直接编写Java代码；而界面设计窗口可以通过拖拽控件实现窗体的设计；界面设计窗口主要有结构窗口、属