Java图形化：布局方式

布局方式

• FlowLayout:流布局
• BorderLayout:边框布局
• GridLayout:网格布局

FlowLayout（流布局）

像Word打字，组件从左向右排列，一列排满后自动换下一行。组件默认居中对齐，可以设置左/右对齐。
流布局会维持组件的原始大小。
流布局是JPanel（面板）的默认布局。
容器可以使用setLayout()方法改变布局。

示例代码：

import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

public class TestLowLayout {
    public static void main(String[] args) {
        JFrame jf = new JFrame("流布局Demo");
        FlowLayout fl = new FlowLayout();
        jf.setLayout(fl);
        JButton jb1 = new JButton("按钮1");
        JButton jb2 = new JButton("按钮2");
        jf.add(jb1);
        jf.add(jb2);
        jf.setSize(600, 300);
        jf.setLocation(300, 200);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }

}

图示：

BorderLayout(边框布局)

边框布局把整个窗口分成了5个部分：

• 上北
• 下南
• 左西
• 右东
• 中

其中，北和南是整行，但是中、西、东都不是整列。一般只会出现2个或3个部分。组件放入时需要指定放在哪个区域，默认在中部。每个部分只能存放一个组件，如果存放多个就会覆盖前面的。如果想存放多个必须借助面板（Panel）。组件在边框布局中不保持原始大小，会充满整个区域，JFrame的默认布局就是边框布局。如果某个部分不出现，这个区域会被出现的部分挤占。

示例代码：

import java.awt.BorderLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

public class TestBorderLayout {
    public static void main(String[] args) {
        JFrame jf = new JFrame("BorderLayout窗口");
        
        JButton jb = new JButton("中");
        JButton jb1 = new JButton("北");
        JButton jb2 = new JButton("南");
        JButton jb3 = new JButton("西");
        JButton jb4 = new JButton("东");
        
        jf.add(jb);
        jf.add(jb1,BorderLayout.NORTH);
        jf.add(jb2,BorderLayout.SOUTH);
        jf.add(jb3,BorderLayout.WEST);
        jf.add(jb4,BorderLayout.EAST);
        
        jf.setSize(600, 300);
        jf.setLocation(600, 600);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }
}

图示：

GridLayout(网格布局)

把窗口分成几行几列的表格方式，构造时需要指定行数和列数。组件在网状布局中不保持原始大小，会充满整个区域。组件在网状布局中，一个格子只存放一个组件，自动向后走。

示例代码：

import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

public class TestGridLayout {
    public static void main(String[] args) {
        JFrame jf = new JFrame("网格布局Test");
        GridLayout gl = new GridLayout(5,4);
        jf.setLayout(gl);
        for (int i=0; i < 20; i++) {
            JButton jb = new JButton("按钮 "+i);
            jf.add(jb);
        }
        // 自动调整大小
        jf.pack();
        jf.setLocation(300, 200);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }
}

图示：

应用1：计算器

import java.awt.BorderLayout;
import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class ComputerTest {
    public static void main(String[] args) {
        JFrame jf = new JFrame("计算器");
        JTextField jtf = new JTextField("0",20);
        jf.add(jtf,BorderLayout.NORTH);
        String[] lab = {"CE","C","+/-","BackS","7","8","9","+","4","5","6","-","1","2","3","*","0",".","=","/"};
        JPanel jp = new JPanel();
        GridLayout gl = new GridLayout(5,4);
        jp.setLayout(gl);
        for (int i=0; i<lab.length; i++) {
            JButton jb = new JButton(lab[i]);
            jp.add(jb);
        }
        jf.add(jp);
        // 自动调节窗口大小
        jf.pack();
        //  禁止改变窗口大小
        jf.setResizable(false);
        jf.setLocation(300, 200);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }
}

图示：