【Java】-基础-Swing-常用布局管理器

在Swing中，每个组件在容器中都有一个具体的位置和大小，而在容器中摆放各种组件时，很难判断其具体位置和大小。布局管理器提供了Swing组件安排，展示在容器中的方法及基本的布局功能。使用布局管理器能有效的处理整个窗体的布局。Swing提供的常用布局管理器包括流布局管理器、边界布局管理器和网格布局管理器。本文将探讨Swing中常用的布局管理器。

一、边界布局管理器

在默认情况下，Swing组件的布局模式是边界(BorderLayout)布局管理器。边界布局管理器可以将容器划分为东、南、西、北、中5个区域，可以将组件加入到这5个区域中。区域的控制可以由BorderLayout类中的成员变量来决定，这些成员变量的含义如下：

BorderLayout.NORTH	在容器中添加组件时，组件置于顶端
BorderLayout.SOUTH	在容器中添加组件时，组件置于底端
BorderLayout.EAST	在容器中添加组件时，组件置于右端
BorderLayout.WEST	在容器中添加组件时，组件置于左端
BorderLayout.CENTER	在容器中添加组件时，组件置于中间开始填充

下面我们引入一个边界布局管理器的实例，效果如下：



代码如下：

/*第30讲 布局管理器
* BorderLayout演示
* 1.继承JFrame
* 2.定义你需要的组件
* 3.创建组件(构造函数)
* 4.添加组件
* 5.对窗体进行设置
* 6.显示窗体
* */

package com.test1;
import java.awt.*;
import javax.swing.*;

public class Demo8_2 extends JFrame{

//定义组件
JButton jb1,jb2,jb3,jb4,jb5;

public static void main(String[] args) {
// TODO Auto-generated method stub
Demo8_2 demo8_2=new Demo8_2();
}

public Demo8_2()
{
//创建组件
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,200);
this.setLocation(200,200);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

//显示窗体
this.setVisible(true);

}

}

二、流式布局管理器

流式布局管理器（FlowLayout）是最基本的布局管理器，在整个容器中的布局正如其名，像“流”一样从左到右摆放组件，直到占据这一行的所有空间，然后再向下移动一行。默认情况下，组件在每一行都是居中排列的。也可通过设置更改组件在每一行上的排列位置。

下面是一个流式布局管理器的实例，效果如下：



代码如下：

/*第30讲 布局管理器
* 功能：流式布局
* */

package com.test1;
import java.awt.*;
import javax.swing.*;

public class Demo8_3 extends JFrame{

//定义需要的组件
JButton jb1,jb2,jb3,jb4,jb5,jb6;

public static void main(String[] args) {
// TODO Auto-generated method stub
Demo8_3 demo8_3=new Demo8_3();

}
//构造函数
public Demo8_3()
{
//创建组件
jb1=new JButton("关羽");
jb2=new JButton("张飞");
jb3=new JButton("赵云");
jb4=new JButton("马超");
jb5=new JButton("黄忠");
jb6=new JButton("魏延");

//添加组件
this.add(jb1);
this.add(jb2);
this.add(jb3);
this.add(jb4);
this.add(jb5);
this.add(jb6);

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

//设置窗体属性
this.setTitle("流式布局案例");
this.setSize(300,200);
this.setLocation(200,200);
//禁止用户改变窗体大小
this.setResizable(false);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

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

}

三、网格布局管理器

网格（GridLayout）布局管理器将容器划分为网格，所以组件可以按行和按列进行排列。网格布局管理器中，每一个组件的大小都相同，网格中空格的个数由网格的行数和列数决定，如一个两行两列的网格能产生4个大小相等的网格。组件从网格的左上角开始，按照从左到右，从上到下的顺序加入到网格中，而且每一个组件都会填满整个网格，改变窗体的大小，组件的大小也会随之改变。

网格布局管理器主要有以下两个常用的构造方法

public GridLayout(int rows,int columns)

public GridLayout(int rows,int columns,int horizGap,int vertGap)

rows与columns参数代表网格的行数和列数，这两个参数只有一个参数可以为0，代表一行或一列可以排列任意多个组件；参数horizGap与vertGap指定网格之间的间距，其中horizGap指定网格之间的水平间距，vertGap参数指定网格之间的垂直间距。

下面引入网格布局管理器的例子，效果如下：



代码如下：

/*第30讲 布局管理器
* 网格布局
* */

package com.test1;
import java.awt.*;
import javax.swing.*;

public class Demo8_4 extends JFrame{

//定义组件
int size=9;
JButton jbs[]=new JButton[size];

public static void main(String[] args) {
// TODO Auto-generated method stub
//创建实例
Demo8_4 demo8_4=new Demo8_4();
}

//构造
public Demo8_4()
{
//创建组件
for(int i=0;i<9;i++)
{
jbs[i]=new JButton(String.valueOf(i));
}

//设置网格布局
this.setLayout(new GridLayout(3,3,10,10));

//添加组件
for(int i=0;i<size;i++)
{
this.add(jbs[i]);
}

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

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

多种布局管理器也可以综合使用，下面引入一个例子，效果如下：



在这个例子的框图由上中下三个部分组成，可通过边界布局管理器实现。而顶层的JPanel 1和底层的JPanel 2使用的是流式布局管理器来摆放按钮。

代码如下：

/*
* 多种布局管理器的使用
* 第31讲 常用组件
* */
package com.test1;
import java.awt.*;
import javax.swing.*;

public class Demo8_5 extends JFrame{

//定义组件
JPanel jp1,jp2;
JButton jb1,jb2,jb3,jb4,jb5,jb6;

public static void main(String[] args) {
// TODO Auto-generated method stub
Demo8_5 demo8_5=new Demo8_5();
}

//构造函数
public Demo8_5()
{
//创建组件
//JPanel默认布局是FlowLayout
jp1=new JPanel();
jp2=new JPanel();

jb1=new JButton("西瓜");
jb2=new JButton("苹果");
jb3=new JButton("荔枝");
jb4=new JButton("葡萄");
jb5=new JButton("桔子");
jb6=new JButton("香蕉");

//设置布局

//添加JPanel
jp1.add(jb1);
jp1.add(jb2);
jp2.add(jb3);
jp2.add(jb4);
jp2.add(jb5);

//把panel加入到JFrame

this.add(jp1,BorderLayout.NORTH);
this.add(jb6,BorderLayout.CENTER);
this.add(jp2,BorderLayout.SOUTH);

this.setSize(300, 200);
this.setLocation(200,200);
this.setVisible(true);
}

}