目录

• 练习 1：创建项目
• 练习 2：生成前端
• 练习 3：添加功能
• 练习 4：运行程序
• 事件处理的工作方式
• 另请参见

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

创建 JFrame 容器

1. 在 "Projects"（项目）窗口中，右键单击 NumberAddition 节点，然后选择 "New"（新建）> "Other"（其他）。
2. 在 "New File"（新建文件）对话框中，选择 "Swing GUI Forms"（Swing GUI 窗体）类别和 "JFrame Form"（JFrame 窗体）文件类型。单击 "Next"（下一步）。
3. 输入 NumberAdditionUI 作为类名。
4. 在 "Package"（包）中输入 my.numberaddition。
5. 单击 "Finish"（完成）。

IDE 将在 NumberAddition 应用程序中创建 NumberAdditionUI 窗体和 NumberAdditionUI 类，然后在 GUI 生成器中打开 NumberAdditionUI 窗体。my.NumberAddition 包将替代缺省包。

添加组件：生成前端

接下来，我们将通过组件面板使用 JPanel 填充应用程序前端。然后，添加三个 JLabel、三个 JTextField 和三个 JButton。如果以前没有用过 GUI 生成器，您可能会发现在 NetBeans IDE 中设计 Swing GUI 教程中有关组件放置的信息非常有用。

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

如果 IDE 右上角未显示 "Palette"（组件面板）窗口，则选择 "Window"（窗口）> "Palette"（组件面板）。

1. 先从 "Palette"（组件面板）的 "Swing Containers"（Swing 容器）类别中选择一个面板，然后将其拖放到 JFrame 上。
2. 在突出显示该 JPanel 时，转至 "Properties"（属性）窗口，然后单击 "Border" 旁边的省略号 (...) 按钮以选择边框样式。
3. 在 "Border" 对话框中，从列表中选择“带标题的边框”，然后在 "Title"（标题）字段中键入 Number Addition。单击 "OK"（确定）。保存更改并退出该对话框。
4. 现在，将会看到一个标题为 Number Addition 的空 JFrame，它与屏幕快照类似。按照上面的屏幕快照所示，添加三个 JLabel、三个 JTextField 和三个 JButton。

重命名组件

在该步骤中，我们将重命名刚添加到 JFrame 中的这些组件的显示文本。

1. 双击 jLabel1 并将文本属性更改为 First Number。
2. 双击 jLabel2 并将文本更改为 Second Number。
3. 双击 jLabel3 并将文本更改为 Result。
4. 删除 jTextField1 中的样例文本。要使显示文本可编辑，可以右键单击文本字段，然后从弹出式菜单中选择 "Edit Text"（编辑文本）。可能需要将 jTextField1 调整为原始大小。对于 jTextField2 和 jTextField3，重复此步骤。
5. 将 jButton1 显示文本重命名为 Clear。（可以通过右键单击按钮并选择 "Edit Text"（编辑文本）来编辑按钮的文本。或者，也可以单击按钮，稍等片刻，然后再次单击按钮。）
6. 将 jButton2 显示文本重命名为 Add。
7. 将 jButton3 显示文本重命名为 Exit。

现在，完成的 GUI 应类似于以下屏幕快照：

使 "Exit" 按钮正常工作

要为这些按钮添加功能，必须为每个按钮指定事件处理程序以响应事件。在本示例中，我们需要了解何时通过鼠标单击或键盘按下了按钮。因此，我们使用 ActionListener 来响应 ActionEvent。

1. 右键单击 "Exit" 按钮。从弹出式菜单中选择 "Events"（事件）> "Action" > "actionPerformed"。请注意，该菜单中还包含很多其他可响应的事件！在选择 "actionPerformed" 事件时，IDE 自动在 "Exit" 按钮中添加 ActionListener，并生成一种处理程序方法，以处理侦听程序的 actionPerformed 方法。
2. IDE 将打开源代码窗口并滚动至某一位置，在此将实现按下按钮（通过鼠标单击或键盘）时希望其执行的操作。源代码窗口应包含以下行：

   private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
       //TODO add your handling code here:
                   }

3. 现在，我们将为希望 "Exit" 按钮执行的操作添加代码。将 TODO 行替换为 System.exit(0);。完成的 "Exit" 按钮代码应如下所示：

   private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
       System.exit(0);
                   } 

使 "Clear" 按钮正常工作

1. 单击工作区域顶部的 "Design"（设计）标签以返回到窗体设计区域。
2. 右键单击 "Clear" 按钮 (jButton1)。从弹出式菜单中选择 "Events"（事件）> "Action" > "actionPerformed"。
3. "Clear" 按钮用于删除 jTextField 中的所有文本。为此，将添加一些与以上代码类似的代码。完成的源代码应如下所示：

private void jButton1ActionPerformed(java.awt.event.ActionEvent evt){
    jTextField1.setText("");
    jTextField2.setText("");
    jTextField3.setText("");
                }

上面的代码将所有三个 JTextField 中的文本更改为空，实际就是使用空白覆盖现有文本。

使 "Add" 按钮正常工作

"Add" 按钮用于执行三个操作：

1. 它接受 jTextField1 和 jTextField2 中的用户输入，并将输入类型由字符串转换为浮点。
2. 然后，它将两个数相加。
3. 最后，将相加之和的类型转换为字符串，并将其放在 jTextField3 中。

1. 单击工作区域顶部的 "Design"（设计）标签以返回到窗体设计区域。
2. 右键单击 "Add" 按钮 (jButton2)。从弹出式菜单中选择 "Events"（事件）> "Action" > "actionPerformed"。
3. 我们将添加一些代码以使 "Add" 按钮正常工作。完成的源代码应如下所示：

   private void jButton2ActionPerformed(java.awt.event.ActionEvent evt){
       // First we define float variables.
       float num1, num2, result;
       // We have to parse the text to a type float.
       num1 = Float.parseFloat(jTextField1.getText());
       num2 = Float.parseFloat(jTextField2.getText());
       // Now we can perform the addition.
       result = num1+num2;
       // We will now pass the value of result to jTextField3.
       // At the same time, we are going to
       // change the value of result from a float to a string.
       jTextField3.setText(String.valueOf(result));
                       }

程序已创建完毕，我们现在可以生成并运行该程序以查看其运行情况。