在 NetBeans IDE 中设计 Swing GUI(2)

调整 JPanel 的大小：

1. 选中刚刚添加的 JPanel。小的方形大小调整控柄将会再次出现在

组件周围。

2. 单击并按住 JPanel 右边缘上的大小调整控柄，然后拖动直到靠

近窗体边缘处出现对齐基准虚线。

3. 松开大小调整控柄以调整组件大小。

按照建议的偏移将 JPanel 组件延伸至容器的左边距和右边距，

如下图所示。

至此，我们已添加了用于容纳 UI 名称信息的面板，接下来需要重复该过程来添加另一个面板，它位于第一个面板正下方，用于容纳电子邮件信息。请参见以下各图再次执行前面的两个任务，同时注意 GUI 生成器的建议位置。请注意，建议的两个 JPanel 之间的垂直间距要比边缘处的间距小得多。添加了第二个 JPanel 后，调整其大小，使它充满窗体的其余垂直空间。

由于我们需要在外观上区分出 GUI 上半部分和下半部分的功能，因此需要为每个 JPanel 添加边框和标题。我们将首先使用“属性”窗口完成此操作，然后将尝试使用弹出式菜单完成此操作。

将标题边框添加到 JPanel 中：

1. 选择 GUI 生成器中的顶部 JPanel。

2. 在“属性”窗口中，单击 "border" 属性旁边的省略号按钮

(...)。

3. 在出现的 JPanel 边框编辑器中，选择“可用边框”窗格中的

“带标题的边框”节点。

4. 在位于下方的“属性”窗格中，为“标题”属性输入 Name。

5. 单击“字体”属性旁边的省略号 (...)，然后为“字体样式”选

择“粗体”，为“大小”输入 12。单击“确定”退出对话框。

6. 选择底部 JPanel 并重复步骤 2 至 5，但此次需要右键单击

JPanel，然后使用弹出式菜单访问“属性”窗口。为“标题”属

性输入 E-mail。

带标题的边框将被添加到两个 JPanel 组件中。

注意：要查看上述过程的演示，请在 zip 文件夹中打开下载的

quickstart-gui_swfs/002_add_components_basic.html 文件。

将单个组件添加到窗体

现在，我们需要着手添加一些组件，它们实际上将提供联系人列表中的联系人信息。在此任务中，我们将添加四个显示联系人信息的 JTextField 以及描述它们的 JLabel。执行此任务时，请注意 GUI 生成器显示的水平和垂直基准线，它们用于根据操作系统外观所定义的间距来建议首选组件间距。这可确保在运行时自动呈现与目标操作系统的外观一致的 GUI。

将 JLabel 添加到窗体中：

1. 在“组件面板”窗口中，从 Swing 类别中选择“标签”组件。

2. 将光标移到先前添加的 Name JPanel 上。当出现基准线指示

JLabel 位于 JPanel 的左上角（此时与上边缘和左边缘之间存在

较小的边距）时，请单击鼠标以放置此标签。

JLabel 将被添加到窗体中，并且“检查器”窗口中将添加表示该

组件的相应节点。

在继续操作之前，我们需要编辑刚添加的 JLabel 的显示文本。尽管可以在任何时候编辑组件显示文本，但最简便的方法是在添加它们时进行编辑。 编辑 JLabel 的显示文本：

1. 双击 JLabel 以选中其显示文本。

2. 键入 First Name:，然后按 Enter 键。

将显示 JLabel 的新名称，并且组件的宽度会随着编辑的内容进

行相应地调整。

接下来，我们将添加 JTextField，以便大致了解 GUI 生成器的基线对齐功能。 将 JTextField 添加到窗体中：

1. 在“组件面板”窗口中，从 Swing 类别中选择“文本字段”组

件。

2. 将光标移到紧靠刚添加的 First Name: JLabel 右侧的位置。当

出现水平基准线指示 JTextField 的基线与 JLabel 的基线对

齐，并且以垂直基准线给出两个组件之间的建议间距时，请单击

鼠标以放置 JTextField。

JTextField 将与窗体中 JLabel 的基线对齐，如下图所示。请注

意，JLabel 略微向下进行了移动，以便与较高的文本字段的基线

对齐。同以前一样，“检查器”窗口中将添加表示该组件的节点。

在继续操作之前，我们需要在刚添加的两个组件的右侧紧接着再添加一个

JLabel 和一个 JTextField，如下图所示。这次输入 Last Name: 作为 JLabel 的显示文本，并暂时将 JTextField 的占位符文本保留原样。

调整 JTextField 的大小：

1. 选中刚添加到 Last Name: JLabel 右侧的 JTextField。

2. 将 JTextField 右边缘的大小调整控柄向封闭 JPanel 的右边缘

拖动。

3. 当出现垂直对齐基准线以给出文本字段与 JPanel 右边缘之间的

建议边距时，请松开鼠标按钮以调整 JTextField 的大小。

JTextField 的右边缘将与 JPanel 的边缘对齐，并留出建议的边

缘边距，如下图所示。

注意：要查看上述过程的演示，请在 zip 文件夹中打开下载的 quickstart-gui_swfs/003_add_individual_components.html 文件。 将多个组件添加到窗体

现在，我们将添加 Title: 和 Nickname: JLabel，它们用于描述我们将在稍后添加的两个 JTextField。我们将在按住 Shift 键的同时选取并放置组件，以便将它们快速添加到窗体中。执行此任务时，同样请注意 GUI 生成器显示的用于建议首选组件间距的水平和垂直基准线。

将多个 JLabel 添加到窗体中：

1. 在“组件面板”窗口中，通过单击 Swing 类别中的“标签”组件

并松开鼠标按钮，选择该组件。

2. 将光标移到先前在窗体中添加的 First Name: JLabel 的正下方。当出现基准线指示新 JLabel 的左边缘与上方 JLabel 的左边缘

对齐，并且它们之间存在较小边距时，请按住 Shift 键单击鼠标

以放置第一个 JLabel。

3. 继续按住 Shift 键，同时在紧邻第一个 JLabel 的右侧单击鼠标

以放置另一个 JLabel。确保在放置第二个 JLabel 前松开 Shift

键。如果在放置最后一个 JLabel 前忘记松开 Shift 键，只需按

Esc 键即可。

JLabel 将被添加到窗体中，从而创建了第二行组件，如下图所示。

“检查器”窗口中将添加表示每个组件的节点。

在继续操作之前，我们需要编辑 JLabel 的名称，以便能够看到将在以后设置的对齐效果。

编辑 JLabel 的显示文本：

1. 双击第一个 JLabel 以选中其显示文本。

2. 键入 Title:，然后按 Enter 键。

3. 重复步骤 1 和 2，为第二个 JLabel 的名称属性输入

Nickname:。

JLabel 的新名称将显示在窗体中，并且它们会随着编辑内容的加

宽而发生位移，如下图所示。

注意：要查看上述过程的演示，请在 zip 文件夹中打开下载的 quickstart-gui_swfs/004_add_multi_components.html 文件。

插入组件

通常，需要在窗体中已放置的组件之间添加组件。只要在两个现有组件之间添加组件，GUI 生成器就会自动移动它们，以便为新组件留出空间。为了对此进行演示，我们将在先前添加的两个 JLabel 之间插入一个 JTextField，如下面的两幅图所示。

在两个 JLabel 之间插入 JTextField：

1. 在“组件面板”窗口中，从 Swing 类别中选择“文本字段”组

件。

2. 将光标移到位于第二行的 Title: 和 Nickname: JLabel 上，使

JTextField 与两者都重叠，并与它们的基线对齐。如果在放置新

文本字 …… 此处隐藏：3185字，全部文档内容请下载后查看。喜欢就下载吧 ……