创建 CelsiusConverter GUI

本节说明如何使用 NetBeans IDE 创建应用程序的 GUI。当您将每个组件从组件面板拖到“设计区域”时,IDE 会自动生成适当的源代码。

步骤 1:设置标题

首先,通过在检查器中单击JFrame,将应用程序的JFrame的标题设置为“ Celsius Converter”:

选择 JFrame

选择 JFrame

然后,使用属性编辑器设置其标题:

设定标题

设定标题

您可以通过 Double 击 title 属性并直接 Importing 新文本来设置标题,或通过单击

Ellipsis button

按钮,然后在提供的字段中 Importing 标题。或者,作为快捷方式,您可以单击检查器的JFrame并直接 Importing 其新文本,而无需使用属性编辑器。

步骤 2:添加 JTextField

接下来,将JTextField从“组件面板”拖到“设计区域”的左上角。当您接近左上角时,GUI 构建器会提供视觉提示(虚线),以提示适当的间距。使用这些提示作为指导,将JTextField放到窗口的左上角,如下所示:

添加一个 JTextField

添加一个 JTextField

您可能会想删除默认文本“ JTextField1”,但现在就保留它。我们将在本类的稍后部分替换它,因为我们将对每个组件进行final调整。有关此组件的更多信息,请参见如何使用 Literals 栏位

步骤 3:添加 JLabel

接下来,将JLabel拖到“设计区域”上。将其放在JTextField的右侧,再次注意视觉提示,以提示适当的间距。确保此组件的文本库与JTextField的文本库对齐。 IDE 提供的视觉提示应易于确定。

添加一个 JLabel

添加一个 JLabel

有关此组件的更多信息,请参见如何使用标签

步骤 4:添加 JButton

接下来,从组件面板中拖动一个JButton并将其放置在左侧,并在JTextField下方。同样,视觉提示有助于将其引导到位。

添加一个 JButton

添加一个 JButton

您可能会想手动调整JButtonJTextField的宽度,但暂时不要更改它们。在本类后面,您将学习如何正确调整这些组件。有关此组件的更多信息,请参见如何使用按钮

步骤 5:添加第二个 JLabel

添加第二个 JLabel

添加第二个 JLabel

最后,添加第二个JLabel,重复步骤 2 中的过程。将该第二个标签放置在JButton的右侧,如上所示。