在 NetBeans IDE 中设计 Swing GUI

在 NetBeans IDE 中设计

Swing GUI

下载 quickstart-gui.zip，其中包含以下内容：

可脱机阅读的教程 HTML 文件。

GUI 生成器功能的详细交互式演示（.swf 文件）。

本教程将指导您完成使用 NetBeans IDE GUI 生成器为一个名为 ContactEditor 的应用程序创建图形用户界面 (Graphical User Interface, GUI) 的过程。在该过程中，您将布置一个 GUI 前端，以便查看和编辑员工数据库中包括的各个员工的联系信息。

在本教程中，您将了解如何执行以下操作：

使用 GUI 生成器界面 创建 GUI 容器 添加组件 调整组件大小 对齐组件 调整组件锚点 设置自动调整组件大小行为 编辑组件属性

学完本教程大约需要 30 分钟。

要学完本教程，您需要具备以下软件和资源。

软件或资源

NetBeans IDE

quickstart-gui.zip 要求的版本 版本 6.9、6.8 或 6.7 包含演示的 zip 文件 Java Development Kit (JDK) 版本 6 入门指南

使用 IDE 的 GUI 生成器，用户无需深入了解布局管理器，便可以生成具有专业外观的 GUI。只需将组件置于所需的位置，即可设置窗体布局。

有关 GUI 生成器可视反馈的描述，可参见 GUI 生成器可视反馈图例。 创建项目

由于 IDE 中的所有 Java 开发都是在项目内进行的，因此我们首先需要新建一个用来存储源文件及其他项目文件的 ContactEditor 项目。IDE 项目是一组 Java 源文件，外加与其关联的 meta 数据，其中包括特定于项目的属性文件、控制生成和运行设置的 Ant 生成脚本以及一个将 Ant 目标映射到 IDE 命令的 project.xml 文件。尽管 Java 应用程序通常包括几个 IDE 项目，但是，在本教程中，我们将生成一个完全存储在单个项目中的简单应用程序。

要创建新的 ContactEditor 应用程序项目，请执行以下操作：

1. 选择“文件”>“新建项目”。或者，也可以单击 IDE 工具栏中

的“新建项目”图标。

2. 在“类别”窗格中选择 "Java" 节点，在“项目”窗格中选择

“Java 应用程序”。单击“下一步”。

3. 在“项目名称”字段中输入 ContactEditor，然后指定项目位置。

4. 将“使用专用文件夹存储库”复选框保留为取消选中状态。

5. 确保“设置为主项目”复选框处于选中状态，并清除“创建主

类”字段。

6. 单击“完成”。

IDE 在系统上的指定位置创建 ContactEditor 文件夹。此文件夹

包含项目的所有关联文件，其中包括其 Ant 脚本、用于存储源文

件和测试的文件夹以及用于存储特定于项目的 meta 数据的文件

夹。要查看项目结构，请使用 IDE 的“文件”窗口。

创建 JFrame 容器

创建新应用程序后，您可能已注意到“项目”窗口中的“源包”文件夹包含一个空的 "<缺省包>" 节点。要继续生成界面，我们需要创建一个 Java 容器，以便放置所需的其他 GUI 组件。在此步骤中，我们将使用 JFrame 组件创建一个容器，并将该容器置于一个新包中。

要添加 JFrame 容器，请执行以下操作：

1. 在“项目”窗口中，右键单击 "ContactEditor" 节点，然后选择

“新建”>“JFrame 窗体”。

或者，也可以选择“新建”>“其他”>“Swing GUI 窗

体”>“JFrame 窗体”以查找 JFrame 窗体。

2. 输入 ContactEditorUI 作为类名。

3. 在“包”中输入 my.contacteditor。

4. 单击“完成”。

IDE 在 ContactEditorUI.java 应用程序内创建

ContactEditorUI 窗体和 ContactEditorUI 类，并在 GUI 生成

器中打开 ContactEditorUI 窗体。请注意，my.contacteditor 包

取代了缺省包。 返回页首

熟悉 GUI 生成器

现在，我们已为应用程序设置了一个新的项目，接下来让我们再花点时间来熟悉 GUI 生成器的界面。

注意：要通过交互式演示了解 GUI 生成器界面，请在 zip 文件夹中打开下载的 quickstart-gui_swfs/001_gui_builder_ui.html 文件。

添加 JFrame 容器后，IDE 会在一个编辑器标签中打开新创建的

ContactEditorUI 窗体，该标签具有一个包含几个按钮的工具栏，如上图所示。ContactEditor 窗体在 GUI 生成器的“设计”视图中打开，并沿 IDE 的边缘自动出现三个其他窗口；利用这些窗口，可以在生成 GUI 窗体时导航、组织和编辑这些窗体。

GUI 生成器的各个窗口包括：

设计区域。GUI 生成器的主窗口，用于创建和编辑 Java GUI 窗体。通过使用工具栏的“源”和“设计”切换按钮，可以查看类的源代码或其 GUI 组件的图形视图。使用其他工具栏按钮可以方便地访问常用命令，例如，在“选择模式”和“连接模式”之间切换、对齐组件、设置自动调整组件大小行为以及预览窗体。

检查器。以树状分层结构的形式提供应用程序中所有组件（包括可视组件和非可视组件）的表示。“检查器”还提供有关树中哪个组件当前正在 GUI 生成器中进行编辑的可视反馈，并允许您在可用面板中组织这些组件。

组件面板。可用组件的可定制列表，其中包含 JFC/Swing、AWT 和

JavaBeans 组件以及布局管理器的标签。此外，您也可以使用定制器在组件面板中创建类别以及删除和重新排列其中显示的类别。

“属性”窗口。显示 GUI 生成器、“检查器”窗口、“项目”窗口或“文件”窗口中当前选定组件的属性。

如果单击“源”按钮，IDE 将在编辑器中显示应用程序的 Java 源代码，其中包括由 GUI 生成器自动生成的代码部分，这些部分将以蓝色区域表示，称为“保护块”。保护块是“源”视图中不可编辑的受保护区域。当处于“源”视图中时，只能编辑显示在编辑器白色区域中的代码。如果需要更改保护块内的代码，请单击“设计”按钮从 IDE 的编辑器返回至 GUI 生成器，以便对窗体进行必要的调整。保存所做的更改时，IDE 会更新文件的源代码。

注意：还有一个供高级开发者使用的组件面板管理器，使用该管理器可以将 JAR、库或其他项目中的定制组件添加到组件面板中。要通过组件面板管理器添加定制组件，请选择“工具”>“组件面板”>“Swing/AWT 组件”。 返回页首

主要概念

通过简化创建图形界面的工作流，IDE 的 GUI 生成器解决了创建 Java GUI 的核心问题，从而使开发者不必再使用复杂的 Swing 布局管理器。这一点是通过扩展目前的 NetBeans IDE GUI 生成器功能以支持直观的“自由设计”模式（具有易于理解和使用的简单布局规则）来实现的。设置窗体布局时，GUI 生成器将提供可视基准线，用于建议最佳组件间距和对齐方式。在后台，GUI 生成器会将您的设计理念转化为使用新的 GroupLayout 布局管理器和其他 Swing 结构实现的功能性 UI。由于它使用动态布局模型，因此使用 GUI 生成器生成的 GUI 在运行时将按预期方式工作，同时会在不改变组件之间的定义关系的情况下进行相应的调整以适应所做的任何更改。只要您调整窗体大小、转换语言环境或指定不同的外观，GUI 就会根据目标外观的插入和偏移量自动进行调整。

自由设计

在 IDE 的 GUI 生成器中，只需像使用绝对定位那样将组件放在所需的位置，便可以生成窗体。GUI 生成器将确定需要哪些布局属性，然后自动生成代码。您无需关注 …… 此处隐藏：3020字，全部文档内容请下载后查看。喜欢就下载吧 ……