JavaGUI - [03] LayoutManager布局管理器

Component中有一个方法setBounds()可以设置当前容器的位置和大小，但如果我们手动为组件设置位置和大小的话，就会造成程序的不通用性。LayoutManager布局管理器可以根据运行平台来自动调整组件大小，程序员不用再手动设置组件的大小和位置，只需要为容器选择合适的布局管理器即可。

一、布局管理器的种类

LayoutManager >GridLayout：网格布局管理器

LayoutManager >FlowLayout：流式布局管理器

LayoutManager2>CardLayout：卡片布局管理器

LayoutManager >GridBagLayout：网格包布局管理器

LayoutManager >BorderLayout：边框布局管理器（默认布局）

二、FlowLayout

在FlowLayout布局管理器中，组件像流水一样向某方向流动（排列），遇到障碍（边界）就折回，重头开始排列。通俗的讲就像是：自动换行。

FlowLayout()

使用默认的对齐方式及默认的垂直间距、水平间距创建FlowLayout布局管理器。

FlowLayout(int align)

使用指定的对齐方式及默认的垂直间距、水平间距创建FlowLayout布局管理器。

FlowLayout(int align,int hgap,int vgap)

使用指定的对齐方式及指定的垂直间距、水平间距创建FlowLayout布局管理器。

2.1、FlowLayoutDemo

package com.harley.layout;

import javax.swing.*;

import java.awt.*;

/**

 * @author harley

 * @date 2024/05/06 12:19

 */

public class s04_FlowLayoutDemo {

    public static void main(String[] args) {

        Frame frame = new Frame("FlowLayoutDemo");

        // 1. 指定局部方式

        frame.setLayout(new FlowLayout());

        // 2. 添加组件到frame中

        for(int i = 1;i <= 100;i++){

            frame.add(new JButton("按钮"+i));

        }

        // 3. 设置最佳大小,pack方法

        frame.pack();

        // 4. 设置window可见

        frame.setVisible(true);

    }

}

效果如下

左对齐：frame.setLayout(new FlowLayout(FlowLayout.LEFT,20,20));

居中对齐：frame.setLayout(new FlowLayout(FlowLayout.CENTER,20,20));

右对齐：frame.setLayout(new FlowLayout(FlowLayout.RIGHT,20,20));

三、BorderLayout(默认布局)

BorderLayout将容器分为EAST、SOUTH、WEST、NORTH、CENTER五个区域，普通组件可以被放置在这5个区域的任意一个中。BorderLayout布局管理器的布局示意图如图所示。

当改变使用BorderLayout的容器的大小时，NORTH、SOUTH和CENTER区域水平调整，而EAST、WEST和CENTER区域垂直调整。使用BorderLayout有如下两个注意点。

1、当向使用BorderLayout布局管理器的容器中添加组件时，需要指定要添加到哪个区域中，如果没有指定添加到哪个区域中，则默认添加到中间区域中；

2、如果向同一个区域中添加多个组件时，后放入的组件会覆盖先放入的组件。

构造方法有如下：

BorderLayout()：使用默认的水平间距、垂直间距创建BorderLayout布局管理器。

BorderLayout(int hgap,int vgap)：使用指定的水平间距、垂直间距创建BorderLayout布局管理器。

五神兽阵法

package com.harley.layout;

import java.awt.*;

/**

 * @author harley

 * @date 2024/05/06 13:34

 */

public class s05_BorderLayoutDemo1 {

    public static void main(String[] args) {

        // 1. 创建window窗口对象

        Frame frame = new Frame("BorderLayoutDemo1");

        // 2. 设置布局管理器为BorderLayout

        frame.setLayout(new BorderLayout(30,10));

        // 3. 向frame中添加组件

        frame.add(new Button("青龙"),BorderLayout.EAST);

        frame.add(new Button("朱雀"),BorderLayout.SOUTH);

        frame.add(new Button("白虎"),BorderLayout.WEST);

        frame.add(new Button("玄武"),BorderLayout.NORTH);

        frame.add(new Button("麒麟"),BorderLayout.CENTER);

        // 4. 设置自动大小

        frame.pack();

        // 5. 设置窗口可见

        frame.setVisible(true);

    }

}

效果如下

如果西侧/东侧不放置组件，则会被中间组件占用掉。

如果西侧和东侧都不放置，则中间组件独占。

如果北侧/南侧不放置组件，则会被东侧、西侧以及中间的组件占用掉。

如果北侧和南侧都不放置，则会被东侧、西侧以及中间的组件占用掉。

如果中间不放置组件，中间区域并不会被占用。

四、GridLayout

GridLayout布局管理器将容器分割成纵横线分割的网格，每个网格所占的区域大小相同。当向使用GridLayout布局管理器的容器中添加组件时，默认从左向右、从上向下依次添加每个网格中。与FlowLayout不同的是，放置在GridLayout布局管理器中的各个组件的大小由组件所处的区域决定（每个组件将自动占满整个区域）。

GridLayout(int rows,int cols)

采用指定的行数、列数，以及默认的横向间距、纵向间距将容器分割成多个网格。

GridLayout(int rows,int cols,int hgap,int vgap)

采用指定的行数、列数，以及指定的横向间距、纵向间距将容器分割成多个网格。

计算器

效果

代码

package com.harley.layout;

import java.awt.*;

/**

 * @author harley

 * @date 2024/05/06 13:56

 */

public class s06_GridLayoutDemo {

    public static void main(String[] args) {

        // 1. 创建window窗口对象

        Frame frame = new Frame("FlowLayoutDemo");

        // 2. 创建Panel对象,存放一个TextField组件

        Panel panel = new Panel();

        panel.add(new TextField(30));

        // 3. 把Panel放到frame的北边区域,默认是BorderLayout布局

        frame.add(panel,BorderLayout.NORTH);

        // 4. 创建一个Panel2对象,并且设置它的布局管理器为GridLayout

        Panel panel2 = new Panel();

        panel2.setLayout(new GridLayout(3,5,4,4));

        // 5. 向Panel2中添加内容

        for (int i = 0; i < 10; i++) {

            panel2.add(new Button(i+""));

        }

        panel2.add(new Button("+"));

        panel2.add(new Button("-"));

        panel2.add(new Button("*"));

        panel2.add(new Button("/"));

        panel2.add(new Button("."));

        // 6. 把panel2添加到frame中

        frame.add(panel2);

        // 7. 设置最佳大小,pack方法

        frame.pack();

        // 8. 设置window可见

        frame.setVisible(true);

    }

}

五、GridBagLayout

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

由于在GridBagLayout布局中，每个组件可以占用多个网格，此时，我们往容器中添加组件的时候，就需要具体的控制每个组件占用多少个网格，java提供的GridBagConstaints类，与特定的组件绑定，可以完成具体大小和跨越性的设置。

代码略

六、CardLayout

CardLayout布局管理器以时间而非空间来管理它里面的组件，它将加入容器的所有组件看成一叠卡片（每个卡片其实就是一个组件），每次只有最上面的那个Component才可见。就好像一副扑克牌，它们叠在一起，每次只有最上面的一张扑克牌才可见。

CardLayout()：创建默认的CardLayout布局管理器

CardLayout(int hgap,int vgap)

通过指定卡片与容器左右边界的间距（C hgap）、上下边界（Cvgap）的间距来创建CardLayout布局管理器

first(Container target)：显示target容器中的第一张卡片

last(Container target)：显示target容器中的最后一张卡片

previous(Container target)：显示target容器中的前一张卡片

next(Container target)：显示target容器中的后一张卡片

show(Container target,String name)：显示target容器中指定名字的卡片

效果

代码

package com.harley.layout;

import java.awt.*;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

/**

 * @author harley

 * @date 2024/05/06 14:33

 */

public class s08_CardLayoutDemo {

    public static void main(String[] args) {

        // 1. 创建window窗口对象

        Frame frame = new Frame("CardLayoutDemo");

        // 2. 创建一个Panel用来存储多张卡片

        final Panel panel = new Panel();

        // 3. 创建CardLayout对象,并且把该对象设置给之前创建容器panel

        final CardLayout cardLayout = new CardLayout();

        panel.setLayout(cardLayout);

        // 4. 向Panel中存储多个组件

        String[] names = {"第一张","第二张","第三张","第四张","第五张","第六张"};

        for (int i = 0; i < names.length; i++) {

            panel.add(names[i],new Button(names[i]));

        }

        // 5. 将panel放入frame的中间区域

        frame.add(panel,BorderLayout.CENTER);

        // 6. 创建另外一个Panel,存储多个按钮组件

        final Panel panel2 = new Panel();

        // 7. 创建5个按钮组件

        Button button1 = new Button("上一张");

        Button button2 = new Button("下一张");

        Button button3 = new Button("第一张");

        Button button4 = new Button("最后一张");

        Button button5 = new Button("第三张");

        // 8. 创建一个事件监听器,监听按钮的点击动作

        ActionListener listener = new ActionListener(){

            public void actionPerformed(ActionEvent e) {

                String actionCommand = e.getActionCommand();

                switch (actionCommand){

                    case "上一张":

                        cardLayout.previous(panel);

                        break;

                    case "下一张":

                        cardLayout.next(panel);

                        break;

                    case "第一张":

                        cardLayout.first(panel);

                        break;

                    case "最后一张":

                        cardLayout.last(panel);

                        break;

                    case "第三张":

                        cardLayout.show(panel,"第三张");

                        break;

                    default:

                        cardLayout.first(panel);

                        break;

                }

            }

        };

        // 9. 把当前这个事件监听器和多个按钮绑定到一起

        button1.addActionListener(listener);

        button2.addActionListener(listener);

        button3.addActionListener(listener);

        button4.addActionListener(listener);

        button5.addActionListener(listener);

        // 10. 把按钮添加到panel中

        panel2.add(button1);

        panel2.add(button2);

        panel2.add(button3);

        panel2.add(button4);

        panel2.add(button5);

        // 11. 将panel2添加到frame的南侧

        frame.add(panel2,BorderLayout.SOUTH);

        // 12. 设置自动大小

        frame.pack();

        // 13. 设置窗口可见

        frame.setVisible(true);

    }

}

— 要养成终身学习的习惯 —