在 NetBeans IDE 中设计 Swing GUI(3)

设置调整组件大小行为：

1. 按住 Ctrl 键单击两个插入的 JTextField 组件，以便在 GUI 生

成器中将它们选中。

2. 在同时选中这两个 JTextField 的情况下，右键单击其中的任何

一个，然后从弹出式菜单中选择“自动调整大小”>“水平”。

JTextField 将被设置为在运行时水平调整大小。同时，也会更新

对齐基准线和锚点指示符，以提供组件关系的可视反馈。

将组件设置为相同大小：

1. 按住 Ctrl 键单击窗体中的所有四个 JTextField 以将它们选

中。

2. 在选中所有 JTextField 的情况下，右键单击其中任何一个，然

后从弹出式菜单中选择“设置缺省大小”。

这些 JTextField 均会设置为相同的宽度，并且每个 JTextField

的上边缘都将添加指示符，以提供组件关系的可视反馈。

现在，我们需要添加另一个描述 JComboBox 的 JLabel，用户可以使用该 JComboBox 来选择 ContactEditor 应用程序将显示的信息格式。

将 JLabel 与组件组对齐：

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

2. 将光标移到 JPanel 左侧的 First Name 和 Title JLabel 下方。当出现基准线指示新 JLabel 的右边缘与上方组件组（两个

JLabel）的右边缘对齐时，请单击鼠标以放置该组件。

该 JLabel 将与上方的 JLabel 列右侧对齐，如下图所示。GUI 生

成器将更新指示组件间距和锚点关系的对齐状态线。

与在先前的示例中一样，双击该 JLabel 以选中其显示文本，然后输入 Display Format: 作为显示名称。请注意，当该 JLabel 对齐放置时，其他组件将发生位移以适应较长的显示文本。

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

基线对齐

每当添加或移动包含文本的组件（JLabel、JTextField 等）时，IDE 就会提供对齐建议，这些建议基于组件中文本的基线。例如，先前插入 JTextField 时，其基线会自动与相邻的 JLabel 对齐。

现在，我们将添加一个组合框，用户可以使用它来选择 ContactEditor 应用程序将显示的信息格式。在添加 JComboBox 时，我们会将其基线与 JLabel 文本的基线对齐。请再次注意为帮助定位而出现的基线对齐基准线。

对齐组件的基线：

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

2. 将光标移到紧靠刚添加的 JLabel 右侧的位置。当出现水平基准

线指示 JComboBox 的基线与 JLabel 中文本的基线对齐，并且以

垂直基准线给出两个组件之间的建议间距时，请单击鼠标以放置

该组合框。

该组件将与其左侧的 JLabel 中的文本的基线对齐，如下图所示。

GUI 生成器将显示指示组件间距和锚点关系的状态线。

调整 JComboBox 的大小：

1. 选中 GUI 生成器中的 JComboBox。

2. 将 JComboBox 右边缘上的大小调整控柄向右侧拖动，直到出现对

齐基准线以给出 JComboBox 和 JPanel 边缘之间的建议首选偏

移。

如下图所示，JComboBox 的右边缘将与 JPanel 的边缘对齐，并

留出建议的边缘边距；同时，组件的宽度会自动设置为随窗体调

整大小。

编辑组件模型不在本教程的涉及范围内，因此我们将暂时保留 JComboBox 的占位符项列表的原样。

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

回顾所学内容

我们已经出色地完成了生成 ContactEditor GUI 的过程，现在我们需要花几分钟再添加几个界面所需的组件来重温学过的内容。

到目前为止，我们一直在介绍如何将组件添加到 ContactEditor GUI 中，并使用 IDE 的对齐基准线来帮助定位。但还有另一个重要方面，就是了解如何在组件放置过程中使用锚点。尽管我们尚未讨论它，但您已经利用了此功能，只是没有意识到。如前面所提到的，只要将组件添加到窗体中，IDE 就会通过基准线给出建议的目标外观首选位置。在放置新组件的同时，会将该组件锚定在最近的容器边缘或组件上，以确保在运行时保持组件关系。在此部分，我们将重点介绍如何以更简化的方式完成这些任务，同时指出 GUI 生成器在后台执行的工作。 添加、对齐和锚定

在 GUI 生成器中，可以通过简化典型工作流操作来快捷、轻松地设置窗体布局。只要将组件添加到窗体中，GUI 生成器就会自动将组件对齐放置到首选位置并设置所需的链接关系，以便您可以专注于设计窗体，而不必疲于应付复杂的实现细节。

添加并对齐 JLabel 以及编辑其显示文本：

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

2. 将光标移到窗体底部 JPanel 的 E-mail 标题的正下方。当出现

基准线指示该标签位于 JPanel 的左上角（此时与上边缘和左边

缘之间存在较小的边距）时，请单击鼠标以放置 JLabel。

3. 双击 JLabel 以选中其显示文本。然后，键入 E-mail Address: 并

按 Enter 键。

JLabel 将对齐放置到窗体中的首选位置，并且锚定在封闭

JPanel 的上边缘和左边缘。同以前一样，“检查器”窗口中将添

加表示该组件的相应节点。

添加 JTextField：

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

件。

2. 将光标移到紧靠刚添加的 E-mail Address 标签右侧的位置。当

出现基准线指示 JTextField 的基线与 JLabel 中文本的基线对

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

鼠标以放置该文本字段。

JTextField 在 E-mail Address: JLabel 的右侧对齐放置并链接

到该 JLabel。“检查器”窗口中也将添加与其对应的节点。

3. 将 JTextField 的大小调整控柄向封闭 JPanel 的右侧拖动，直

到出现对齐基准线以给出 JTextField 和 JPanel 边缘之间的建

议偏移。

JTextField 的右边缘将与指示首选边距的对齐基准线对齐。

现在，我们需要添加 JList，它将用于显示 ContactEditor 的整个联系人列表。 添加 JList 并调整其大小：

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

2. 将光标移到先前添加的 E-mail Address JLabel 的正下方。当出

现基准线指示 JList 的左边缘和上边缘分别与 JPanel 的左边

缘和上方的 JLabel 对齐（留出首选边距）时，请单击鼠标以放

置 JList。

3. 将 JList 的右侧大小调整控柄向封闭 JPanel 的右侧拖动，直到

出现对齐基准线以指示其宽度与上方 JTextField 的宽度相同。

JList 在对齐基准线指定的位置对齐放置，并且“检查器”窗口

中显示与其对应的节点。另请注意，窗体将会扩展以适应新添加

的 JList。

由于 JList 用于显示较长的数据列表，因此通常需要添加 JScrollPane。只要添加了需要 JScrollPane 的组件，GUI 生成器就会自动为您添加 JScrollPane。因为 JScrollPane 是非可视组件，所以必须使用“检查器”窗口才能查看或编辑 GUI 生成器创建的任何 JScrollPane。

注意：要查看上述过程的演示，请在 zip 文件夹中打开下载的 quickstart-gui_swfs/008_add_align_ancho …… 此处隐藏：3302字，全部文档内容请下载后查看。喜欢就下载吧 ……