java的布局方式非常常用，以下介绍5种常用的布局方式。
1.FlowLayout（流式布局）
import java.awt.Container;
import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
/**

• 将组件已加入顺序从左到右排序，一行
• 排满就会去第二行。
• 每行组件剧中排列

*/
public class FlowLayoutDemo {

private JFrame frame;
private JButton button1,button2,button3,button4,button5;

public static void main(String[] args) {
    FlowLayoutDemo fd = new FlowLayoutDemo();
    fd.go();
}

private void go() {
    frame = new JFrame("flowlayout");
    Container contentPane = frame.getContentPane();
    contentPane.setLayout(new FlowLayout());
    button1 = new JButton("OK");
    button2 = new JButton("OPEN");
    button3 = new JButton("CLOSE");
    button4 = new JButton("aaa");
    button5 = new JButton("CLOSEccc");
    contentPane.add(button1);
    contentPane.add(button2);
    contentPane.add(button3);
    contentPane.add(button4);
    contentPane.add(button5);
    frame.setSize(300,200);
    frame.setVisible(true);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}

}12345678910111213141516171819202122232425262728293031323334353637383940运行结果如下

2.BorderLayout（边界布局）
import java.awt.BorderLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

/**

• 由BorderLayout管理的容器被划分为5个区域
• North south west east center

*/
public class BorderLayoutDemo {
private JFrame frame;
private JButton be,bw,bn,bs,bc;

public static void main(String[] args) {
    BorderLayoutDemo bd = new BorderLayoutDemo();
    bd.go();
}

private void go() {

    frame = new JFrame("BorderLayoutDemo");
    be = new JButton("east");
    bw = new JButton("west");
    bn = new JButton("north");
    bs = new JButton("south");
    bc = new JButton("center");
    frame.getContentPane().add(be,BorderLayout.EAST);
    frame.getContentPane().add(bw,BorderLayout.WEST);
    frame.getContentPane().add(bn,BorderLayout.NORTH);
    frame.getContentPane().add(bs,BorderLayout.SOUTH);
    frame.getContentPane().add(bc,BorderLayout.CENTER);

    frame.setSize(300, 200);
    frame.setVisible(true);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);   
}

}
12345678910111213141516171819202122232425262728293031323334353637383940运行结果如下

3.GridLayout（网格布局）
import java.awt.Container;
import java.awt.Dimension;
import java.awt.GridLayout;

import javax.swing.JButton;
import javax.swing.JFrame;

/**

• 将容器分为若干行和列，组件依次放入其中
• 每个组件占据一格。

*/
public class GridLayoutDemo {
public static void main(String[] args) {
MyWindow that = new MyWindow();
that.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
}

@SuppressWarnings(“serial”)
class MyWindow extends JFrame {
private JButton b1,b2,b3,b4,b5,b6;
public MyWindow() {
setTitle(“grid”);
Container contentPane = getContentPane();
contentPane.setPreferredSize(new Dimension(400,300));
contentPane.setLayout(new GridLayout(3,2));//3行2列
b1 =new JButton(“b1”);
b2 =new JButton(“b2”);
b3 =new JButton(“b3”);
b4 =new JButton(“b4”);
b5 =new JButton(“b5”);
b6 =new JButton(“b6”);
contentPane.add(b1);
contentPane.add(b2);
contentPane.add(b3);
contentPane.add(b4);
contentPane.add(b5);
contentPane.add(b6);
pack();
setVisible(true);
}
}1234567891011121314151617181920212223242526272829303132333435363738394041424344运行结果如下

4.BoxLayout（盒式布局）
import java.awt.BorderLayout;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.Label;

import javax.swing.BoxLayout;
import javax.swing.JFrame;
import javax.swing.JPanel;

/**

• 将容器中的组件水平或者竖直排成一行或一列

*/
public class BoxLayoutDemo {

private JFrame jFrame;
private JPanel jPanel,jPanel2;
public static void main(String[] args) {
    BoxLayoutDemo boxLayoutDemo = new BoxLayoutDemo();
    boxLayoutDemo.go();

}
private void go () {
    jFrame = new JFrame("box lay");
    Container contentPane = jFrame.getContentPane();
    jPanel = new JPanel();
    jPanel.setLayout(new BoxLayout(jPanel, BoxLayout.Y_AXIS));
    jPanel.add(new Label("1"));
    jPanel.add(new Label("2"));
    jPanel.add(new Label("3"));
    contentPane.add(jPanel, BoxLayout.X_AXIS);
    jPanel2 = new JPanel();
    jPanel2.setLayout(new BoxLayout(jPanel2, BoxLayout.X_AXIS));
    jPanel2.add(new Label("yes"));
    jPanel2.add(new Label("no"));
    jPanel2.add(new Label("cancel"));
    //contentPane.add(jPanel2,BorderLayout.SOUTH);
    //contentPane.add(jPanel2,FlowLayout.CENTER);
    jFrame.pack();
    jFrame.setVisible(true);
    jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}

}
123456789101112131415161718192021222324252627282930313233343536373839404142434445运行结果如下

5.CradLayout（卡片布局）
import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Container;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

/**

• 卡片布局 每时每刻只显示一张

*/
@SuppressWarnings(“serial”)
public class CardlayoutDemo extends JFrame {

public static void main(String[] args) {
    new CardlayoutDemo();
}

public CardlayoutDemo() {
      this.setTitle("Cardlayout");
      this.setSize(400, 400);
      this.setLocationRelativeTo(null);
      this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      Container c = this.getContentPane();
      JButton jbtn1 = new JButton("上一个");
      c.add(jbtn1, BorderLayout.NORTH);
      final JPanel mainJPanel = new JPanel(); 
      //匿名内部类只能访问final变量
      final CardLayout cardLayout = new CardLayout(); 
      mainJPanel.setLayout(cardLayout);
      mainJPanel.add(new JLabel("第1张"), "one"); 
      mainJPanel.add(new JLabel("第2张"), "two");
      mainJPanel.add(new JLabel("第3张"), "three");
      mainJPanel.add(new JLabel("第4张"), "four");
      c.add(mainJPanel, BorderLayout.CENTER); 
      JButton jbtn2 = new JButton("下一个"); 
      c.add(jbtn2, BorderLayout.SOUTH); 

      jbtn1.addActionListener(new ActionListener() {  
       public void actionPerformed(ActionEvent e) {  
        cardLayout.previous(mainJPanel);
       }  
      });  
      jbtn2.addActionListener(new ActionListener() {  
       public void actionPerformed(ActionEvent e) {  
        cardLayout.next(mainJPanel);
       }  
      });  
      //cardLayout.show(mainJPanel, "three");
      this.setVisible(true);
}

}
运行结果如下

Java中FlowLayout，GridLayout和BorderLayout详解

一、流程布局（FlowLayout）

顾名思义， FlowLayout是一种布局，它允许组件流到可见部分的末端。 FlowLayout基本上有助于开发响应速度更快的UI，并使组件保持自由流动的方式。 下图显示了具有6个组件的实际流布局。

由于这是框架或面板的默认布局，因此也可以在不显式应用布局的情况下工作。

import java.awt.Button;
import java.awt.FlowLayout;
import javax.swing.JFrame;
 
public class FlowLayoutExample extends JFrame {
 
    public static void main(String[] args) {
        FlowLayoutExample a = new FlowLayoutExample();
    }
 
    public FlowLayoutExample() {
 
        setVisible(true);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
 
        FlowLayout g = new FlowLayout();
        setLayout(g);
        setTitle("Flow Layout");
        setSize(300, 300);
        add(new Button("Button 1"));
        add(new Button("Button 2"));
        add(new Button("Button 3"));
        add(new Button("Button 4"));
        add(new Button("Button 5"));
        add(new Button("Button 6"));
 
    }
}

运行结果：

二、网格布局（GridLayout）

GridLayout是排列组件的一种更有组织的方式。 它以包含均匀分布的单元格的网格形式划分框架或面板。 每个组件都添加到特定的单元格中。 组件的放置顺序直接取决于将它们添加到框架或面板的顺序。 下图显示了基于2列3行GridLayout的Frame。

构造函数GridLayout(int row,int cols)确定网格大小。

import java.awt.Button;
import java.awt.GridLayout;
import javax.swing.JFrame;
 
public class GridLayoutExample extends JFrame {
 
    public static void main(String[] args) {
        GridLayoutExample a = new GridLayoutExample();
    }
 
    public GridLayoutExample() {
 
        setVisible(true);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
 
        GridLayout g = new GridLayout(3, 2);
        setLayout(g);
        setTitle("Grid Layout");
        setSize(300, 300);
        add(new Button("Button 1"));
        add(new Button("Button 2"));
        add(new Button("Button 3"));
        add(new Button("Button 4"));
        add(new Button("Button 5"));
        add(new Button("Button 6"));
 
    }
 
}

运行结果：

三、边框布局（BorderLayout）

BorderLayout是一种按照方向组织组件的布局。 边框布局将框架或面板分为5个部分-北，南，东，西和居中。 通过传递附加参数，可以将每个组件按特定方向排列

import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.Label;
import javax.swing.JFrame;
 
public class BorderLayoutExample extends JFrame {
 
    public static void main(String[] args) {
        BorderLayoutExample a = new BorderLayoutExample();
    }
 
    public BorderLayoutExample() {
 
        setVisible(true);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
 
        BorderLayout b = new BorderLayout();
        setTitle("Border Layout");
 
        setSize(300, 300);
        add(new Button("North"), BorderLayout.NORTH);
        add(new Button("South"), BorderLayout.SOUTH);
        add(new Button("East"), BorderLayout.EAST);
        add(new Button("West"), BorderLayout.WEST);
        add(new Button("Center"), BorderLayout.CENTER);
 
    }
}

运行结果：

运行结果：

布局：将控件有序的放在界面上
eg：将一个按钮，一个文本框放在界面上

import javax.swing.*;
import java.awt.*;
class Layout1 extends JFrame{
	private JTextField jtf = new JTextField(20);
	private JButton jbt = new JButton("按钮");
	private JPanel jpl = new JPanel();	
	public Layout1(){
		FlowLayout fl = new FlowLayout(FlowLayout.LEFT,20,20);
		jpl.setLayout(fl);
		this.add(jpl);	jpl.add(jtf);		jpl.add(jbt);
		this.setSize(300,400);
		this.setDefaultCloseOperation(EXIT_ON_CLOSE);
		this.setVisible(true);
	}
	public static void main(String[] args) throws Exception  {
		new Layout1();
	}
}

1. FlowLayout
   JPanel默认的布局方式是：流式布局（FlowLayout），优先放在1行，放不下，到后面1行。该布局方式由java.awt.FlowLayout来管理
   任何容器管理类都有setLayout函数设置布局
2. GridLayout：网格布局，将界面设置为多行多列的格子，放置控件。该布局方式由java.awt.GridLayout来管理
   eg：放置24个按钮在界面上

import javax.swing.*;
import java.awt.*;
class Layout2 extends JFrame{
	private JPanel jpl = new JPanel();	
	public Layout2(){
		GridLayout gl = new GridLayout(6,4); 
		jpl.setLayout(gl);
		this.add(jpl);	
		for(int i=1;i<=24;i++){
			jpl.add(new JButton(String.valueOf(i)));
		}				
		
		this.setSize(300,400);
		this.setDefaultCloseOperation(EXIT_ON_CLOSE);
		this.setVisible(true);
	}
	public static void main(String[] args) throws Exception  {
		new Layout2();
	}
}

输出界面：

eg：8*8国际象棋棋盘

import javax.swing.*;
import java.awt.*;
class Layout3 extends JFrame{
	private JPanel jpl = new JPanel();	
	public Layout3(){
		GridLayout gl = new GridLayout(8,8); 
		jpl.setLayout(gl);
		this.add(jpl);	
		for(int i=1;i<=8;i++){
			for(int j=1;j<=8;j++){
				JPanel pl = new JPanel();
				if((i+j)%2==0)  {pl.setBackground(Color.white);}
				else { pl.setBackground(Color.black);}
				jpl.add(pl);
			}
		}				
		
		this.setSize(300,400);
		this.setDefaultCloseOperation(EXIT_ON_CLOSE);
		this.setVisible(true);
	}
	public static void main(String[] args) throws Exception  {
		new Layout3();
	}
}

3. BorderLayout：边界布局。将界面分为东西南北中，添加控件。该布局方式由java.awt.BorderLayout来管理
   eg：随意在各个方向测试边界布局

import javax.swing.*;
import java.awt.*;
class Layout4 extends JFrame{
	private JPanel jpl = new JPanel();	
	public Layout4(){
		BorderLayout bl = new BorderLayout(); 
		jpl.setLayout(bl);
		this.add(jpl);	
		jpl.add(new JButton("按钮"),BorderLayout.SOUTH);
		jpl.add(new JTextField(),BorderLayout.NORTH);
		jpl.add(new JTextArea(),BorderLayout.CENTER);
		jpl.add(new JButton("按钮"),BorderLayout.WEST);
		jpl.add(new JButton("按钮"),BorderLayout.EAST);
		this.setSize(300,400);
		this.setDefaultCloseOperation(EXIT_ON_CLOSE);
		this.setVisible(true);
	}
	public static void main(String[] args) throws Exception  {
		new Layout4();
	}
}

4. 完全自由布局：控件的位置，大小，用坐标决定，而不是由界面大小决定。实际上是：设置容器布局为null，然后通过setSize设置大小，setLocation设置位置，设置的原因：坐标体系在不同的操作系统不能保证相同
   eg：按键大小不随界面大小改变而改变的测试样例

import javax.swing.*;
import java.awt.*;
class Layout5 extends JFrame{
	private JButton jbt = new JButton("按钮");
	public Layout5(){
		this.setLayout(null);  //***
		jbt.setSize(80,60);
		jbt.setLocation(60,50);
		this.add(jbt);
		
		this.setSize(300,400);
		this.setDefaultCloseOperation(EXIT_ON_CLOSE);
		this.setVisible(true);
	}
	public static void main(String[] args) throws Exception  {
		new Layout5();
	}
}

练习题和作业

练习：一个按钮，从界面上方以抛物线形式掉下来

import javax.swing.*;
import java.awt.*;
class Layout6 extends JFrame implements Runnable{
	private JButton jbt = new JButton();
	int X,Y = 0;
	public Layout6(){
		jbt.setIcon(new ImageIcon("img.jpg"));
		this.setLayout(null);  
		jbt.setSize(80,60);		
		this.add(jbt);		
		this.setSize(300,400);
		this.setDefaultCloseOperation(EXIT_ON_CLOSE);
		this.setVisible(true);
		Thread th = new Thread(this);
		th.start();
	}
	public void run(){
		while(true){
			try{Thread.sleep(20);} catch(Exception e){}
			X++;  Y=X*X/100;
			jbt.setLocation(X,Y);
		}
	}
	public static void main(String[] args) throws Exception  {
		new Layout6();
	}
}

作业：
图片上下弹跳
小球自由落体掉下，弹起来，再次自由落体
两个小球在界面上相向而行，碰撞之后反方向运行
小球，以正弦波形式向前运动