Java界面布局

来自CloudWiki
跳转至： 导航， 搜索

在实际编程中，我们每设计一个窗体，都要往其中添加若干组件。为了管理好这些组件的布局，即大小、位置和排列方式，我们就需要使用布局管理器。将加入到容器的组件按照一定的顺序和规则放置，使之看起来更美观，这就是布局。在Java中，布局由布局管理器 (LayoutManager) 来管理。Java提供了一组用来进行布局管理的类，常见的布局管理器包括 FlowLayout、CardLayout、GridLayout、BorderLayout、BoxLayout 、GridBagLayout 等。

流布局（FlowLayout）

类FlowLayout是流布局管理器。这种管理器的特点是，组件在容器内依照指定方向按照组件添加的顺序依次加入到容器中。这个指定方向取决于FlowLayout管理器的组件方向属性。该属性有两种可能：从左到右方向和从右向左方向。在默认情况下，这个指定方向是从左到右的。

流布局的定义

下面是流布局BorderLayout所定义的构造函数：

  • FlowLayout()：创建一个流布局管理器，居中对齐，默认的水平和垂直间隙是 5 个单位。
  • FlowLayout(int align)：创建一个指定对齐方式的流布局管理器，align指代对齐方式，具体的对齐方式有居中对齐、左向对齐、右向对齐、容器开始的方向对齐（LEADING）以及容器结束的方向对齐（TRAILING）。默认的水平和垂直间隙是 5 个单位。
  • FlowLayout(int align, int hgap, int vgap)：创建一个流布局管理器，align指代对齐方式，hgap指代水平间隙，vgap指代竖直间隙。

FlowLayout的常用方法

FlowLayout的常用方法见表4-3。 

方    法	功    能
int getAlignment()	获取对齐方式
void setAlignment(int)	设置对齐方式
void setHgap(int)	  设置组件水平间隔
void setVgap()	  设置组件垂直间隔

例如，下面程序演示了FlowLayout布局 

import java.awt.*;
import javax.swing.*;
public class TestFlowrLayout extends JFrame{
	public TestFlowrLayout() {
		super("FLowLayout布局演示");
                //1.新建面板，设置其布局方式
		JPanel panel=new JPanel();//新建一个面板
		panel.setLayout(new FlowLayout());//设置面板内部的布局方式
                //panel.setLayout(new FlowLayout(FlowLayout.LEFT));//设置面板内部的布局方式
		//panel.setLayout(new FlowLayout(FlowLayout.RIGHT));//设置面板内部的布局方式
		
                //2.将按钮添加到面板中去
		for(int i=0;i<6;i++) {
    	            panel.add(new JButton("按钮"+i));
                }	

		//3.将面板添加到框架中去
		this.add(panel);
                
                //4. 框架的一般属性设置
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);		
                setSize(350,100);
                setVisible(true);	
        }
	public static void main(String[] args) {
		TestFlowrLayout userInfo=new TestFlowrLayout();
	}
}

程序运行结果如下图所示：

Java10-3.png

边界布局（BorderLayout）

边界布局BorderLayout是窗口、框架和对话框等的缺省布局。组件可被置于容器的北（上）、南（下）、东（右）、西（左）或中间位置。它可以对容器组件进行安排，并调整其大小，使其符合上述五个区域，每个区域最多只能包含一个组件，并通过相应的常量进行标识：NORTH、SOUTH、EAST、WEST 和 CENTER。当使用边界布局将一个组件添加到容器中时，要使用这五个常量之一。NORTH 和 SOUTH 组件可以在水平方向上进行拉伸；而 EAST 和 WEST 组件可以在垂直方向上进行拉伸；CENTER 组件在水平和垂直方向上都可以进行拉伸，从而填充所有剩余空间。

Java10-4.png

边界布局的定义

下面是BorderLayout所定义的构造函数：

  • BorderLayout( ):生成默认的边界布局
  • BorderLayout(int horz,int vert): 可以设定组件间的水平和垂直距离

BorderLayout 类定义了几个常量值以指定相应区域：

  • BorderLayout.NORTH – 对应容器的顶部
  • BorderLayout.EAST – 对应容器的右部
  • BorderLayout.SOUTH – 对应容器的底部
  • BorderLayout.WEST – 对应容器的左部
  • BorderLayout.CENTER – 对应容器的中部

边界布局的应用

加入组件方法是 void add(Component Obj, int region)。

下面代码段可实现如图所示的运行效果。 

import java.awt.*;
import javax.swing.*;
public class TestBorderLayout extends JFrame{
	public TestBorderLayout() {
		super("边界布局演示");
		
                //1.新建面板，设置其布局方式
                JPanel  panel=new JPanel();
                 panel.setLayout(new BorderLayout());

                //2.将元素添加到面板中去
	        JButton btnEast=new JButton("东");
	        JButton btnWest=new JButton("西");
	        JButton btnNorth=new JButton("北");
	        JButton btnSouth=new JButton("南");
	        JButton btnCenter=new JButton("中");	    
	        
	        panel.add(btnEast,BorderLayout.EAST);//将按钮添加到面板的东部
	        panel.add(btnWest,BorderLayout.WEST);//将按钮添加到面板的西部
	        panel.add(btnNorth,BorderLayout.NORTH);//将按钮添加到面板的北部
	        panel.add(btnSouth,BorderLayout.SOUTH);//将按钮添加到面板的南部
	        panel.add(btnCenter,BorderLayout.CENTER);//将按钮添加到面板的中部

                //3.将面板添加到框架中去
		this.add(panel);//4.将面板添加到框架中

                //4. 框架的一般属性设置
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置默认关闭时操作
		setSize(220,200);
		setVisible(true);//设置窗口可见性
	}
	public static void main(String[] args) {
		TestBorderLayout userInfo=new TestBorderLayout();
	}
}

演示效果：

Java10-4.png

当窗口缩放时，组件的位置不发生变化，但组件的大小会相应改变。边界布局管理器给予南、北组件最佳高度，使它们与容器一样宽；给予东、西组件最佳宽度，而高度受到限制。如果窗口水平缩放，南、北、中区域变化；如果窗口垂直缩放，东、西、中区域变化。BorderLayout是窗口( JWindow)、框架(JFrame)、对话框(JDialog)等类型对象的默认布局。

网格布局(GridLayout)

网格布局是一种常用的布局方式，将容器的区域划分成矩形网格，每个矩形大小规格一致，组件可以放置在其中的一个矩形中。通过java.awt.GridLayout类创建网格布局管理器对象，实现对容器中的各组件的网格布局排列。具体的排列方向取决于容器的组件方向属性，组件方向属性有两种：从左向右和从右向左。用户可以根据实际要求进行设定方向属性，默认的方向是从右向左。

网格布局的定义

GridLayout的构造方法如下：

  • GridLayout()：创建默认的网格布局。每一个组件占据一行一列。
  • GridLayout(int rows,int columns)：创建指定行数和列数的网格布局。
  • GridLayout(int rows,int columns, int hgap,int vgap)：创建指定行数和列数的网格布局，并且指定水平间隔和垂直间隔的大小。

GridLayout的常见方法

GridLayout的常见方法见表。 

方    法	功    能
int getRows()	获取行数
void setRows(int)	设置行数
int getColumns()	获取列数
void setColumns(int)	设置列数
int getHgap()	  获取组件水平间隔
void setHgap(int)	  设置组件水平间隔
int getVgap()	  获取组件垂直间隔
void setVgap()	  设置组件垂直间隔

例如，下面一段代码演示了网格布局： 2*2网格： 

package task10;

import java.awt.*;
import javax.swing.*;
public class TestBorderLayout extends JFrame{
	public TestBorderLayout() {
		super("边界布局演示");
		
		 //1.新建面板，设置其布局方式
        JPanel gridPanel=new JPanel();
        gridPanel.setLayout(new GridLayout(2,2));//设置布局方式

        //2.将元素添加到面板中去
        String[] str={"1","2","3","4"};	   
        for(int i=0;i<str.length;i++){
	       gridPanel.add(new JButton(str[i]));
        }
        
        //3.将面板添加到框架中去
        this.add(gridPanel);

        //4. 框架的一般属性设置
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置默认关闭时操作
		setSize(220,200);
		setVisible(true);//设置窗口可见性
	}
	public static void main(String[] args) {
		TestBorderLayout userInfo=new TestBorderLayout();
	}
}

Java10-5.png

3*3网格： 

import java.awt.*;
import javax.swing.*;

public class TestGridLayout extends JFrame{
	public TestGridLayout() {
		super("GridLayout布局演示");
		String[] str={"1","2","3","4","5","6","7","8","9"};
	        JPanel gridPanel=new JPanel();
	        gridPanel.setLayout(new GridLayout(3,3));//设置布局方式
	        for(int i=0;i<str.length;i++)
	    	    gridPanel.add(new JButton(str[i]));
		this.getContentPane().add(gridPanel);
		setSize(300,300);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置默认关闭时操作
		setVisible(true);//设置窗口可见性
	}
	public static void main(String[] args) {
		TestGridLayout grid=new TestGridLayout();
	}
}

程序运行结果如下图所示：

Java10-6.png

取自“http://www.openbrains.net/mediawiki/index.php?title=Java界面布局&oldid=18897”