Java编程基础 - 布局管理器

1. 布局管理器介绍

组件在容器（比如JFrame）中的位置和大小是由布局管理器来决定的。所有的容器都会使用一个布局管理器，通过它来自动进行组件的布局管理。

java共提供了五种布局管理器：流式布局管理器(FlowLayout)、边界布局管理器(BorderLayout)、网格布局管理器(GridLayout)、卡片布局管理器(CardLayout)、网格包布局管理器(GridBagLayout)。其中，前三种是最常见的布局管理器。

2. 边界布局BorderLayout

边界布局将容器简单的划分为东南西北中5个区域，中间区域最大。边界布局是JFrame窗体、JDialog对话框组件默认布局方法。

边界布局，(1)不是五个部分都需要添加的；（2）中部组件会自动的调节大小。

/**
 * BorderLayout演示
 * 1.继承JFrame
 * 2.定义需要的组件
 * 3.创建组件（构造函数）
 * 4.添加组件
 * 5.对窗体设置
 * 6.显示窗体
 */
package Test30;
import java.awt.*;
import javax.swing.*;

public class Test30_1 extends JFrame{
    // 定义组件
    JButton jb1, jb2, jb3, jb4, jb5;

    public static void main(String[] args) {
        Test30_1 test30_1 = new Test30_1();
    }

    public Test30_1()
    {
        //创建组件
        jb1 = new JButton("中部");
        jb2 = new JButton("北部");
        jb3 = new JButton("东部");
        jb4 = new JButton("南部");
        jb5 = new JButton("西部");

        // 添加各个组件
        this.add(jb1, BorderLayout.CENTER);
        this.add(jb2, BorderLayout.NORTH);
        this.add(jb3, BorderLayout.EAST);
        this.add(jb4, BorderLayout.SOUTH);
        this.add(jb5, BorderLayout.WEST);

        //设置窗体属性
        this.setTitle("边界布局示例");
        this.setSize(300,300);
        this.setLocation(200,200);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        //显示
        this.setVisible(true);
    }
}

代码运行结果示例：

 

3. 流式布局FlowLayout

流式布局FlowLayout，按照组件的添加次序将组件从左到右放置在容器中。当到达容器的边界时，组件将放置在下一行中。FlowLayout可以以左对齐、居中对齐、以右对齐的方式排列组件。默认组件是居中对齐，可以通过FlowLayout(int align)函数来指定对齐方式。

/**
 * 功能：流式布局案例
 * 1.继承JFrame
 * 2.定义需要的组件
 * 3.创建组件（构造函数）
 * 4.添加组件
 * 5.设置布局管理器
 * 6.对窗体设置
 * 7.显示窗体
 */
package Test30;
import java.awt.*;
import javax.swing.*;

public class Test30_2 extends JFrame{
    //定义需要的组件
    JButton jb1, jb2, jb3, jb4, jb5, jb6, jb7, jb8, jb9, jb10, jb11, jb12;
    public static void main(String[] args) {
        Test30_2 test30_2 = new Test30_2();
    }

    // 构造函数
    public Test30_2()
    {
        // 创建组件
        jb1 = new JButton("林黛玉");
        jb2 = new JButton("薛宝钗");
        jb3 = new JButton("李纨");
        jb4 = new JButton("贾元春");
        jb5 = new JButton("贾迎春");
        jb6 = new JButton("贾探春");
        jb7 = new JButton("贾惜春");
        jb8 = new JButton("王熙凤");
        jb9 = new JButton("史湘云");
        jb10 = new JButton("巧姐");
        jb11 = new JButton("薛宝琴");
        jb12 = new JButton("秦可卿");

        // 添加组件
        this.add(jb1);
        this.add(jb2);
        this.add(jb3);
        this.add(jb4);
        this.add(jb5);
        this.add(jb6);
        this.add(jb7);
        this.add(jb8);
        this.add(jb9);
        this.add(jb10);
        this.add(jb11);
        this.add(jb12);

        // 设置布局管理器
        this.setLayout(new FlowLayout(FlowLayout.LEFT));

        // 设置窗体属性
        this.setTitle("流式布局案例");
        this.setSize(300,300);
        this.setLocation(400,400);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        //禁止改变窗体
        this.setResizable(false);

        //显示
        this.setVisible(true);
    }
}

代码运行结果：

 

4. 网格布局GridLayout

网格布局，将容器分割成多行多列，组件被填充到每个网格中，添加到容器中的组件首先放置到左上角的网格中，然后从左到右放置其它的组件，当占满该行的所有网格后，接着继续在下一行从左到右放置组件。

网格布局：

(1)所有的组件大小都是相同；

(2) 组件的相对位置不随容器的缩放而变化，但大小会变化；

(3) 可以通过GridLayout(int rows, int cols, int hgap, int vgap)来指定网格的行/列，水平间隙/垂直间隙。

/**
 * 功能：网格布局案例
 * 1.继承JFrame
 * 2.定义需要的组件
 * 3.创建组件（构造函数）
 * 4.添加组件
 * 5.设置布局管理器
 * 6.对窗体设置
 * 7.显示窗体
 */
package Test30;
import java.awt.*;
import javax.swing.*;

public class Test30_3 extends JFrame{
    JButton btn[] = new JButton[9];

    public static void main(String[] args) {
        Test30_3 test30_3 = new Test30_3();

    }

    public Test30_3()
    {
        // 创建组件
        for(int i = 0; i<9; i++)
        {
            btn[i] = new JButton(String.valueOf(i));
            this.add(btn[i]);
        }

        //设置网格布局
        this.setLayout(new GridLayout(3,3,5,5));
        this.setTitle("网格布局示例");
        this.setSize(200,200);
        this.setLocation(300,300);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }
}

代码运行结果：