11.3.4 GridBagLayout布局管理器

发表于 更新于 分类于 ， ， Waline： 本文字数： 4.2k 阅读时长 ≈ 4 分钟

11.3.4 GridBagLayout布局管理器

GridBagLayout布局管理器的功能最强大,但也最复杂。

GridBagLayout与GridLayout布局管理器的不同

与GridLayout布局管理器不同的是,在GridBagLayout布局管理器中,一个组件可以跨越一个或多个网格,并可以设置各网格的大小互不相同,从而增加了布局的灵活性。当窗口的大小发生变化时,GridLayout布局管理器也可以准确地控制窗口各部分的拉伸。

为了处理GridLayout中GUI组件的大小、跨越性,Java提供了GridBagConstraints对象,该对象与特定的GUI组件关联,用于控制该GUI组件的大小、跨越性。

使用GridBagLayout布局管理器的步骤

使用GridBagLayout布局管理器的步骤如下:

  1. 创建GridBagLayout布局管理器,并指定GUI容器使用该布局管理器:
    1
    2
    GridBagLayout gb = new GridBagLayout();
    container.setLayout(gb);
  2. 创建GridBagConstraints对象,并设置该对象的相关属性(用于设置受该对象控制的GUI组件的大小、跨越性等)。
    1
    2
    3
    4
    gbc.grid=2;       //设置受该对象控制的GUI组件位于网格的横向索引
    gbc.grid=1;       //设置受该对象控制的GUI组件位于网格的纵向索引
    gbc.gridwidth=2;  //设置受该对象控制的GUI组件横向跨越多少网格
    gbc.gridheight=1; //设置受该对象控制的GUI组件纵向跨越多少网格
  3. 调用GridBagLayout对象的方法来建立GridBagConstraints对象和受控制组件之间的关联
    1
    gb.setConstraints(c,gbc);//设置c组件受qbc对象控制
  4. 添加组件,与采用普通布局管理器添加组件的方法完全一样:
    1
    container.add(c);

如果需要向一个容器中添加多个GUI组件,则需要多次重复步骤2~4。由于GridBagConstraints对象可以多次重用,所以实际上只需要创建一个GridBagConstraints对象,每次添加GUI组件之前先改变GridBagConstraints对象的属性即可。
从上面介绍中可以看出,使用GridBagLayout布局管理器的关键在于GridBagConstraints,它才是精确控制每个GUI组件的核心类,该类具有如下几个属性。

  • gridx，gridy:
    • 设置受该对象控制的GUI组件左上角所在网格的横向索引、纵向索引(GridLayout左上角网格的索引为0、0)。这两个值还可以是GridBagConstraints.RELATIVE(默认值),它表明当前组件紧跟在上一个组件之后。
  • gridheight,gridwidth:
    • 设置受该对象控制的GUI组件横向、纵向跨越多少个网格,两个属性值的默认值都是1。
    • 如果设置这两个属性值为:GridBagConstraints.REMANDER,这表明受该对象控制的GUI组件是横向、纵向最后一个组件;
    • 如果设置这两个属性值为:GridBagConstraints.RELATIVE,这表明受该对象控制的GUI组件是横向、纵向倒数第二个组件。
  • fill:
    • 设置受该对象控制的GUI组件如何占据空白区域。该属性的取值如下
    • GridBagConstraints.NONE:GUI组件不扩大。
    • GridBagConstraints.HORIZONTAL:GUI组件水平扩大以占据空白区域
    • GridBagConstraints.VERTICAL:GUI组件垂直扩大以占据空白区域。
    • GridBagConstraints.BOTH:GUI组件水平、垂直同时扩大以占据空白区域
  • ipadx、ipady:设置受该对象控制的GUI组件横向、纵向内部填充的大小,即在该组件最小尺寸的基础上还需要增大多少。如果设置了这两个属性,则组件横向大小为最小宽度再加ipade*2像素,纵向大小为最小高度再加ipad*2像素。
  • insets:设置受该对象控制的GUI组件的外部填充的大小,即该组件边界和显示区域边界之间的距离。
  • anchor:设置受该对象控制的GUI组件在其显示区域中的定位方式。定位方式如下
    • GridBagConstraints.CENTER(中间)
    • GridBagConstraints.NORTH(上中)
    • GridBagConstraints.NORTHWEST(左上角)
    • GridBagConstraints.NORTHEAST(右上角)
    • GridBagConstraints.SOUTH(下中)
    • GridBagConstraints.SOUTHEAST(右下角)
    • GridBagConstraints.SOUTHWEST(左下角)
    • GridBagConstraints.EAST(右中)
    • GridBagConstraints.WEST(左中)
  • weight、weighty:设置受该对象控制的GUI组件占据多余空间的水平、垂直增加比例(也叫权重,即weight的直译),这两个属性的默认值是0,即该组件不占据多余空间。假设某个容器的水平线上包括三个GUI组件,它们的水平增加比例分别是1、2、3,但容器宽度增加60像素时,则第一个组件宽度增加10像素,第二个组件宽度增加20像素,第三个组件宽度增加30像素。如果其增加比例为0,则表示不会增加。

设置某个组件随容器的增大而增大

如果希望某个组件的大小随容器的増大而増大,则必须同时设置控制该组件GridBagConstraints对象的fill属性和weight、weighty属性

程序示例

下面的例子程序示范了如何使用GridBagLayout布局管理器来管理窗口中的10个按钮:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import java.awt.*;

public class GridBagTest {
    private Frame f = new Frame("测试窗口");
    private GridBagLayout gb = new GridBagLayout();
    private GridBagConstraints gbc = new GridBagConstraints();
    private Button[] bs = new Button[10];

    public void init() {
        f.setLayout(gb);
        for (int i = 0; i < bs.length; i++) {
            bs[i] = new Button("按钮" + i);
        }
        // 所有组件都可以横向、纵向上扩大
        gbc.fill = GridBagConstraints.BOTH;
        gbc.weightx = 1;
        addButton(bs[0]);
        addButton(bs[1]);
        addButton(bs[2]);
        // 该GridBagConstraints控制的GUI组件将会成为横向最后一个元素
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        addButton(bs[3]);
        // 该GridBagConstraints控制的GUI组件将横向上不会扩大
        gbc.weightx = 0;
        addButton(bs[4]);
        // 该GridBagConstraints控制的GUI组件将横跨两个网格
        gbc.gridwidth = 2;
        addButton(bs[5]);
        // 该GridBagConstraints控制的GUI组件将横跨一个网格
        gbc.gridwidth = 1;
        // 该GridBagConstraints控制的GUI组件将纵向跨两个网格
        gbc.gridheight = 2;
        // 该GridBagConstraints控制的GUI组件将会成为横向最后一个元素
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        addButton(bs[6]);
        // 该GridBagConstraints控制的GUI组件将横向跨越一个网格，纵向跨越2个网格。
        gbc.gridwidth = 1;
        gbc.gridheight = 2;
        // 该GridBagConstraints控制的GUI组件纵向扩大的权重是1
        gbc.weighty = 1;
        addButton(bs[7]);
        // 设置下面的按钮在纵向上不会扩大
        gbc.weighty = 0;
        // 该GridBagConstraints控制的GUI组件将会成为横向最后一个元素
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        // 该GridBagConstraints控制的GUI组件将纵向上横跨一个网格
        gbc.gridheight = 1;
        addButton(bs[8]);
        addButton(bs[9]);
        f.pack();
        f.setVisible(true);
    }

    private void addButton(Button button) {
        gb.setConstraints(button, gbc);
        f.add(button);
    }

    public static void main(String[] args) {
        new GridBagTest().init();
    }
}

运行上面程序,会看到如图11.12所示的窗口。
这里有一张图片
从图11.12中可以看出,虽然设置了按钮4、按钮5横向上不会扩大,但因为按钮4、按钮5的宽度会受上一行4个按钮的影响,所以它们实际上依然会变大;同理,虽然设置了按钮8、按钮9纵向上不会扩大,但因为受按钮7的影响,所以按钮9纵向上依然会变大(但按钮8不会变高)。

推荐使用init方法完成界面的初始化工作

上面程序把需要重复访问的AWT组件设置成成员变量,然后使用init()方法来完成界面的初始化工作,这种做法比前面那种在main方法里把AWT组件定义成局部变量的方式更好.