构建 GUI 应用程序简介

撰稿人：Saleem Gul 和 Tomas Pavek

本入门教程讲述如何创建简单图形用户界面以及如何添加简单后端功能。尤其介绍了如何为 Swing 窗体中的按钮和字段行为编写代码。

我们将完成 GUI 布局和设计工作并添加几个按钮和文本字段。这些文本字段用于接收用户输入和显示程序输出。这些按钮用于启动前端

的内置功能。我们创建的应用程序是一个非常简单但功能完善的计算器。

有关更全面的 GUI 构建器设计功能指南 (包括各种设计功能的视频演示)，请参见在 NetBeans IDE 中设计 Swing GUI。

预计时间：15 分钟

目录

练习 1：创建项目

练习 2 ：构建前端

练习 3：添加功能

练习 4 ：运行程序

事件处理的工作方式

另请参见

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

软件或资源 要求的版本

带有 Java SE 的 NetBeans IDE 版本 6.9 或更高版本

Java 开发工具包 (JDK) 版本 6 或 7

练习 1：创建项目

第一步是为要开发的应用程序创建 IDE 项目。我们将项目命名为 NumberAddition。

文件 新建项目

选择 > 。或者，也可以单击 IDE 工具栏中的新建项目” 图标。

在 类别”窗格中，选择 "Java" 节点。在“项目”窗格中，选择“Java 应用程序”。单击 "Next" (下一步)。

在 项目名称”字段中键入 NumberAddition，然后指定路径 (例如，在主目录中)作为项目位置。

(可选)选中 使用专用文件夹存储库”复选框，并指定库文件夹的位置。有关此选项的详细信息，请参见共享项目库。

如果已选中创建主类”复选框，请取消选中该复选框。

单击 "Finish" (完成)。

练习 2：构建前端

要继续构建界面，我们需要创建一个 Java 容器，以便放置所需的其他 GUI 组件。在此步骤中，我们将使用 JFrame 组件创建一个容

器。我们将该容器放在新包中，该包将显示在源包”节点中。

创建 JFrame 容器

在“项目”窗口中，右键单击 节点，然后选择 > 。

NumberAddition 新建 其他

在“新建文件”对话框中，选择 Swing GUI 窗体类别和 JFrame 窗体文件类型。单击 "Next" (下一步)。

输入 NumberAdditionUI 作为类名。

在 包” 中输入 my.numberaddition。

单击 "Finish" (完成)。

IDE 将在 NumberAddition 应用程序中创建 NumberAdditionUI 窗体和 NumberAdditionUI 类，然后在 GUI 构建器中打

开 NumberAdditionUI 窗体。my.NumberAddition 包将替代默认包。

添加组件：生成前端

接下来，我们将通过组件面板使用 JPanel 填充应用程序前端。然后，添加三个 JLabel、三个 JTextField 和三个 JButton 。如果以前没

有用过 GUI 构建器，您可能会发现在 NetBeans IDE 中设计 Swing GUI 教程中有关组件放置的信息非常有用。

在拖动并放置完上述组件后，JFrame 应类似于以下屏幕快照。

如果 IDE 右上角未显示 组件面板”窗口，则选择 窗口”> 组件面板” 。

先从组件面板”的Swing 容器”类别中选择一个面板，然后将其拖放到 JFrame 上。

在突出显示该 JPanel 时，转至 属性”窗口，然后单击 "Border" 旁边的省略号 (...) 按钮以选择边框样式。

在 "Border" 对话框中，从列表中选择 带标题的边框”，然后在标题”字段中键入 Number Addition。单击确定”