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);
	}
}

图示：