使用 X/Y 对齐来对齐组件

当将组件的 layou 属性设置为空时,可以使用“定制布局”窗口来根据组件的边界对齐组件。

当将布局设置为空时,将根据组件的边界在用户界面上独立地放置每个组件并调整其大小。为了避免单独更新每个组件的边界这种枯燥并且容易出错的任务,可以使用 Visual Editor 来根据关系对齐组件并调整组件的大小及位置。

当将布局设置为空时,在“定制布局”窗口中有许多操作可以对一组组件起作用。您可以:
  • 根据边对齐组件
  • 根据中心点对齐组件
  • 使组件具有相同的宽度和高度
  • 跨给定间隔在垂直方向和水平方向上均匀分布组件

要在空布局中对齐组件、调整组件大小和分布组件:

  1. 在“设计”视图或 Java Bean 视图中,选择两个或多个要相互对齐或调整的组件。可以使用选取框选择工具或按住 Ctrl 键来选择多个组件。您选择的最后一个组件就是控制组件,即锚。锚组件由黑色调整大小控制柄表示,而其它选定组件都具有白色控制柄。
  2. 执行下列其中一个步骤以打开“定制布局”窗口:
    • 单击鼠标右键并从弹出菜单中选择定制布局
    • 单击工具栏中的定制布局 显示对齐窗口图标

    空布局的“定制布局”窗口
  3. 要使组件相互对齐,使用下列按钮:
    • 左对齐 - 将组件与锚组件的左边对齐。
    • 中心对齐 - 沿垂直位面,将组件与锚组件的中心对齐。
    • 右对齐 - 将组件与锚组件的右边对齐。
    • 顶部对齐 - 将组件与锚组件的顶边对齐。
    • 中央对齐 - 沿水平位面,将组件与锚组件的中央对齐。
    • 底部对齐 - 将组件与锚组件的底边对齐。
  4. 要调整选定组件的大小,使用下列按钮:
    • 匹配宽度 - 使组件与锚组件具有相同的宽度。
    • 匹配高度 - 使组件与锚组件具有相同的高度。
  5. 要分布组件的间隔,首先执行下列其中一项操作以指定分布区域的边界:
    • 不进行任何操作以将容器用作分布区域(这是缺省行为),或者单击隐藏分布框(如果该框已显示的话)。
    • 单击显示分布框并拖动该框的控制柄以创建所需的分布大小。
    然后,使用下列其中一个按钮来分布组件:
    • 水平分布 - 使组件与锚组件具有相同的宽度。
    • 垂直分布 - 使组件与锚组件具有相同的高度。

例如,您可以选择三个 JButton 组件并指定它们应该具有相同的宽度并在左边界上相互对齐。最后选择的 JButton 组件被用作另外两个按钮的锚或控件。左对齐操作使 JButton 组件与最后选择的 JButton 组件的左边对齐,匹配宽度操作使所选 JButton 组件与控件 JButton 组件具有相同的宽度。

仅当下列条件成立时,才会启用“定制布局”窗口上的对齐按钮:

除了对齐组件以及匹配宽度和高度以外,还可以分布组件。当分布组件时,会更改它们的位置,以便在由它们的父容器定义的边界框内均匀地隔开这些组件。例如,在单击垂直分布按钮 “垂直分布”按钮 之前,三个按钮之间的间隔是不均匀的,如下图所示:


放在“设计”视图上的 bean

在单击垂直分布之后,组件之间的间隔是均匀的,如下图所示:


垂直分布的 bean

注意,这时三个按钮分布在父代的高度范围(框架的顶边和低边)内。

为了对用于分布的区域进行更大程度的控制,可以通过单击显示分布框 分布框 按钮来启用分布框。当您单击此按钮时,就会在所有选定组件的区域周围绘制一个框。可以使用控制柄来移动此框以及调整它的大小。当使用分布框并且该框处于活动状态时,分布框定义了用来对控件的区域进行再定位。没有分布框时,用于分布的区域是由父容器定义的。下图显示了一个分布框:


带分布框的 bean

可以移动分布框以及调整它的大小,如下图所示:


位于已调整大小的分布框中的 bean

如果在使用分布框的情况下进行垂直分布,则分布将在该框的边界内发生,而不是在父容器的边界内发生,如下图所示:


在框内垂直分布的 bean

上级主题:使用 Visual Editor 来布置组件

相关概念
布局管理器和容器

(C) Copyright IBM Corporation 1999, 2004. All Rights Reserved.