构建GUI应用程序

  • 格式:docx
  • 大小:40.48 KB
  • 文档页数:9

练习1:创建项目第一步是为要开发的应用程序创建IDE 项目。

我们将项目命名为NumberAddition。

1. 选择文件>新建项目。

或者,也可以单击IDE 工具栏中的“新建项目”图标。

2. 在“类别”窗格中,选择"Java" 节点。

在“项目”窗格中,选择“Java 应用程序”。

单击“下一步”。

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

4. (可选)选中“使用专用文件夹存储库”复选框,并指定库文件夹的位置。

有关此选项的详细信息,请参见共享项目库。

5. 如果已选中“创建主类”复选框,请取消选中该复选框。

6. 单击“完成”。

练习2:构建前端要继续构建界面,我们需要创建一个Java 容器,以便放置所需的其他GUI 组件。

在此步骤中,我们将使用JFrame组件创建一个容器。

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

创建JFrame 容器1. 在“项目”窗口中,右键单击NumberAddition节点,然后选择新建>其他。

2. 在“新建文件”对话框中,选择Swing GUI 窗体类别和JFrame 窗体文件类型。

单击“下一步”。

3. 输入NumberAdditionUI作为类名。

4. 在“包”中输入my.numberaddition。

5. 单击“完成”。

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

my.NumberAddition包将替代默认包。

添加组件:生成前端接下来,我们将通过组件面板使用JPanel 填充应用程序前端。

然后,添加三个JLabel、三个JTextField 和三个JButton。

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

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

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

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

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

3. 在"Border" 对话框中,从列表中选择“带标题的边框”,然后在“标题”字段中键入Number Addition。

单击“确定”。

保存更改并退出该对话框。

4. 现在,将会看到一个标题为Number Addition 的空JFrame,它与屏幕快照类似。

按照上面的屏幕快照所示,添加三个JLabel、三个JTextField 和三个JButton。

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

1. 双击jLabel1并将文本属性更改为First Number。

2. 双击jLabel2并将文本更改为Second Number。

3. 双击jLabel3并将文本更改为Result。

4. 删除jTextField1中的样例文本。

要使显示文本可编辑,可以右键单击文本字段,然后从弹出式菜单中选择“编辑文本”。

可能需要将jTextField1调整为原始大小。

对于jTextField2和jTextField3,重复此步骤。

5. 将jButton1显示文本重命名为Clear。

(可以通过右键单击按钮并选择“编辑文本”来编辑按钮的文本。

或者,也可以单击按钮,稍等片刻,然后再次单击按钮。

)6. 将jButton2显示文本重命名为Add。

7. 将jButton3显示文本重命名为Exit。

现在,完成的GUI 应类似于以下屏幕快照:练习3:添加功能在本练习中,我们将为"Add"、"Clear" 和"Exit" 按钮添加功能。

jTextField1和jTextField2框用于用户输入,jTextField3用于程序输出;我们要创建的应用程序是一个非常简单的计算器。

我们现在就开始吧。

使"Exit" 按钮正常工作要为这些按钮添加功能,必须为每个按钮指定事件处理程序以响应事件。

在本示例中,我们需要了解何时通过鼠标单击或键盘按下了按钮。

因此,我们使用ActionListener 来响应ActionEvent。

1. 右键单击"Exit" 按钮。

从弹出式菜单中选择“事件”>“操作”> "actionPerformed"。

请注意,该菜单中还包含很多其他可响应的事件!在选择actionPerformed事件时,IDE 自动在"Exit" 按钮中添加ActionListener,并生成一种处理程序方法,以处理监听程序的actionPerformed 方法。

2. IDE 将打开源代码窗口并滚动至某一位置,在此将实现按下按钮(通过鼠标单击或键盘)时希望其执行的操作。

源代码窗口应包含以下行:3.private voidjButton3ActionPerformed(java.awt.event.ActionEvent evt) {4. //TODO add your handling code here:}5. 现在,我们将为希望"Exit" 按钮执行的操作添加代码。

将TODO 行替换为System.exit(0);。

完成的"Exit" 按钮代码应如下所示:6.private voidjButton3ActionPerformed(java.awt.event.ActionEvent evt) {7. System.exit(0);}使"Clear" 按钮正常工作1. 单击工作区域顶部的“设计”标签以返回到窗体设计区域。

2. 右键单击"Clear" 按钮(jButton1)。

从弹出式菜单中选择“事件”>“操作”>"actionPerformed"。

3. "Clear" 按钮用于删除jTextField 中的所有文本。

为此,将添加一些与以上代码类似的代码。

完成的源代码应如下所示:4.private voidjButton1ActionPerformed(java.awt.event.ActionEvent evt){5. jTextField1.setText("");6. jTextField2.setText("");7. jTextField3.setText("");}上面的代码将所有三个JTextField 中的文本更改为空,实际就是使用空白覆盖现有文本。

使"Add" 按钮正常工作"Add" 按钮用于执行三个操作。

1. 它接受jTextField1和jTextField2中的用户输入,并将输入类型由字符串转换为浮点。

2. 然后,它将两个数相加。

3. 最后,将相加之和的类型转换为字符串,并将其放在jTextField3中。

我们现在就开始吧!1. 单击工作区域顶部的“设计”标签以返回到窗体设计区域。

2. 右键单击"Add" 按钮(jButton2)。

从弹出式菜单中选择“事件”>“操作”>"actionPerformed"。

3. 我们将添加一些代码以使"Add" 按钮正常工作。

完成的源代码应如下所示:4.private voidjButton2ActionPerformed(java.awt.event.ActionEvent evt){5. // First we define float variables.6. float num1, num2, result;7. // We have to parse the text to a type float.8. num1 = Float.parseFloat(jTextField1.getText());9. num2 = Float.parseFloat(jTextField2.getText());10. // Now we can perform the addition.11. result = num1+num2;12. // We will now pass the value of result to jTextField3.13. // At the same time, we are going to14. // change the value of result from a float to a string.15. jTextField3.setText(String.valueOf(result));}程序已创建完毕,我们现在可以构建并运行该程序以查看其运行情况。

练习4:运行程序在IDE 中运行程序:1. 选择“运行”>“运行主项目”(或按F6 键)。

注:如果显示的窗口通知您项目NumberAddition 没有设置主类,则应在同一窗口中选择my.NumberAddition.NumberAdditionUI作为主类,然后单击“确定”按钮。

在IDE 外部运行程序:1. 选择“运行”>“清理并构建主项目”(Shift-F11 组合键)以构建应用程序JAR 文件。

2. 通过使用系统的文件资源管理器或文件管理器,导航至NumberAddition/dist目录。

注:NumberAddition项目目录的位置取决于在练习1:创建项目部分中的第 3 步创建项目时指定的路径。

3. 双击NumberAddition.jar文件。

几秒钟后,将会启动应用程序。

注:如果在双击JAR 文件时没有启动应用程序,请参见本文以了解在操作系统中设置JAR 文件关联的相关信息。

也可以通过命令行启动应用程序。

通过命令行启动应用程序:1. 在系统上,打开命令提示符或终端窗口。

2. 在命令提示符中,转至NumberAddition/dist目录。

3. 在命令行中,键入以下语句:java -jar NumberAddition.jar注:请确保my.NumberAddition.NumberAdditionUI设置为主类,然后再运行应用程序。