Java——用户界面的布局

用户界面的布局

开始为Java程序设计图形用户界面时，面临的一个障碍是组件会移动。容器大小发生变化时，容器中的组件将会根据容器的新尺寸重新排列。这种变化对程序员有利，因为它考虑到了界面组件在不同操作系统中的显示方式。对于同一个Java程序，可单击的按钮在Windows、linux和Mac操作系统中的外观可能不同。

使用一组被称为布局管理器的类来排列界面中的组件，这些类定义了组件如何在容器中显示。界面中的每个容器都有自己的布局管理器。

1、使用布局管理器

1)、FlowLayout管理器

它是面板的默认布局管理器类，使用时，想在页面中排列英文单词那样排列组件：从左到右，当前行没有空间后进入下一行。

当框架中添加进组件时，可以使用如下代码示例来调用浮动的布局：

FlowLayout layout = new FlowLayout();

setLayout(layout);

也可以指定用于特定容器(如JPanle对象)的布局管理器，为此可以使用该容器对象的setLayout()方法。

FlowLayout类仅根据容器的尺寸来排列组件。调整应用程序窗口的大小时，组件将立刻重新排列。将窗口的宽度增大到原来的两倍，将发现所有的JButton组件都显示在同一行。

2)、GridLayout容器

它将容器中所有的组件组织为指定的行数和列数。分配给每个组件的显示区域都相同，因此如果指定3*3的网格，容器将被划分为9个大小相等的区域。

当组件加入到容器中时，GridLayout将所有的组件放置到网格中的某个位置，而且组件是从左向右一次添加，当这一行满了之后，再从下一行的最左边开始添加。下面的语句创建了一个2行3列的网格布局：

GridLayoutgridLayout = new GridLayout(2, 3);

setLayout(gridLayout);

JButton button1 = new JButton("1号按钮");

JButton button2 = new JButton("2号按钮");

JButton button3 = new JButton("3号按钮");

JButton button4 = new JButton("4号按钮");

JButton button5 = new JButton("5号按钮");

add(button1);

add(button2);

add(button3);

add(button4);

add(button5);

使用此布局时，如果组件容纳不下标签文本，将使用省略号（...）表示省略的文本。

3)、BorderLayout管理器

它将容器中的组件放置在特定的位置，该位置有5个方位：东、南、西、北、中。其中4个位置由方向罗盘方向指定，另外一个由中心区域指定。

与GridLayout类相同，BorderLayout也会将所有可用空间都分配给组件。在周围放置4个边界组件后，余下的空间都分配给中央的组件，因此它通常是最大的。下面的语句创建一个使用边界布局的容器：

//参数10,20用于指定组件之间的水平，垂直距离

BorderLayout borderLayout = newBorderLayout(10, 20);

setLayout(borderLayout);

JButton button1 = new JButton("1号按钮");

JButton button2 = new JButton("2号按钮");

JButton button3 = new JButton("3号按钮");

JButton button4 = new JButton("4号按钮");

JButton button5 = new JButton("5号按钮");

add(button1 , BorderLayout.NORTH);

add(button2 , BorderLayout.SOUTH);

add(button3 , BorderLayout.WEST);

add(button4 , BorderLayout.EAST);

add(button5 , BorderLayout.CENTER);

4)、BoxLayout管理器

它可以讲组件排列成一行或一列。使用该布局时，先创建一个放置组件的面板，然后再创建一个布局管理器，它带有两个参数：

以框式布局(box layout)组织的组件；

BoxLayout.Y_AXIS指定垂直排列，BoxLayout.Y_AXIS指定水平排列。

下面的语句创建一个使用BoxLayout的容器：

JPanel panel = new JPanel();

BoxLayout boxLayout = newBoxLayout(panel, BoxLayout.Y_AXIS);

panel.setLayout(boxLayout);

JButton button1 = new JButton("1号按钮");

JButton button2 = new JButton("2号按钮");

JButton button3 = new JButton("3号按钮");

JButton button4 = new JButton("4号按钮");

JButton button5 = new JButton("5号按钮");

panel.add(button1);

panel.add(button2);

panel.add(button3);

panel.add(button4);

panel.add(button5);

add(panel);

5)、使用Insets将组件隔开

在容器中排列组件时，可以使用Insets令组件远离容器边缘，Insets是代表容器边界区域的对象，它有一个接受4个参数的构造函数：在容器上下左右留出的空间。每个参数都以像素为单位，像素是定义框架大小时使用的度量单位。下面的语句创建一个Insets对象：

Insets insets =new Insets(10 , 6 , 10 , 3);

意思是insets对象代表的容器边界：上左下右边缘内10,6,10,3像素。

要想在容器中使用Insets对象，必须覆盖容器的getInsets()方法。该方法不接受任何参数，并返回一个Insets对象，如下所示：

Public InsetsgetInsets(){
return new Insets(50 , 15 ,10 , 15); }

Jframe容器有内置的Insets，用于为标题栏留出空间。当覆盖getInsets()方法并设置自定义值时，过小的insets将导致容器将组件显示在标题栏下面。

2、应用程序的界面布局

到目前为止，布局管理器应用于整个框架：调用框架的setLayout方法，所有组件遵循相同的规则。这适用于有些程序，但使用Swing开发图形用户界面时，将经常发现这些布局管理器都不合适。

解决这种问题的方式之一是，将一组JPanel对象作为容器，用于放置图形用户界面的不同部分。对于其中每部分，可以使用JPanel对象的setLayout()方法设置不同的布局规则。这些面板包含需要包含的组件后，就可以将这些面板直接加入到框架中。

接下来我们将开发一个完整的界面，该程序是一个猜数游戏，确定用户一生中赢得百万大奖的机会。它不断随机生成6个数，知道用户选择的数字与要出的数字相同。界面如下：

源码为：

package guessyourchance;

import java.awt.FlowLayout;
import java.awt.GridLayout;
import java.awt.HeadlessException;
import javax.swing.ButtonGroup;
import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class GuessYourChance extends JFrame{

    JPanel row1 = new JPanel();
    ButtonGroup btgOption = new ButtonGroup();
    JCheckBox quickPick = new JCheckBox("快速选择", false);
    JCheckBox personal = new JCheckBox("个人的" , true);
    
    JPanel row2 = new JPanel();
    JLabel numbersLabel = new JLabel("你的输入" , JLabel.RIGHT);
    JTextField[] numbers = new JTextField[6];
    JLabel winnersLabel = new JLabel("中奖数" , JLabel.RIGHT);
    JTextField[] winners = new JTextField[6];
    
    JPanel row3 = new JPanel();
    JButton stop = new JButton("停止");
    JButton play = new JButton("开始");
    JButton reset = new JButton("重置");
    
    JPanel row4 = new JPanel();
    JLabel got3Label = new JLabel("6中3" , JLabel.RIGHT);
    JTextField got3 = new JTextField("0");
    JLabel got4Label = new JLabel("6中4" , JLabel.RIGHT);
    JTextField got4 = new JTextField("0");
    JLabel got5Label = new JLabel("6中5" , JLabel.RIGHT);
    JTextField got5 = new JTextField("0");
    JLabel got6Label = new JLabel("6中36" , JLabel.RIGHT);
    JTextField got6 = new JTextField("0");
    JLabel drawingsLabel = new JLabel("Drawing" , JLabel.RIGHT);
    JTextField drawings = new JTextField("0");
    JLabel yearsLabel = new JLabel("Years" , JLabel.RIGHT);
    JTextField years = new JTextField("0");

    public GuessYourChance() throws HeadlessException {
        super("看看你滴运气咋样");
        setSize(500 , 400);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        GridLayout gridLayout = new GridLayout(5, 1, 10, 10);
        setLayout(gridLayout);
        
        FlowLayout flowLayout1 = new FlowLayout(FlowLayout.CENTER , 10 , 10);
        btgOption.add(quickPick);
        btgOption.add(personal);
        row1.setLayout(flowLayout1);
        row1.add(quickPick);
        row1.add(personal);
        add(row1);
        
        GridLayout gridLayout1 = new GridLayout(2, 7, 10, 10);
        row2.setLayout(gridLayout1);
        row2.add(numbersLabel);
        for (int i = 0; i < 6; i++) {
            numbers[i] = new JTextField();
            row2.add(numbers[i]);
        }
        row2.add(winnersLabel);
        for (int i = 0; i < 6; i++) {
            winners[i] = new JTextField();
            winners[i].setEditable(true);
            row2.add(winners[i]);
        }
        add(row2);
        
        FlowLayout flowLayout2 = new FlowLayout(FlowLayout.CENTER);
        row3.setLayout(flowLayout2);
        stop.setEnabled(false);
        row3.add(stop);
        row3.add(play);
        row3.add(reset);
        add(row3);
        
        GridLayout gridLayout2 = new GridLayout(2, 3, 20, 10);
        row4.setLayout(gridLayout2);
        row4.add(got3Label);
        row4.add(got3);
        row4.add(got4Label);
        row4.add(got4);
        row4.add(got5Label);       
        row4.add(got5);
        row4.add(got6Label);
        row4.add(got6);
        row4.add(drawingsLabel);
        row4.add(drawings);
        drawings.setEditable(false);
        row4.add(yearsLabel);
        row4.add(years);
        years.setEditable(false);
        add(row4);
        setVisible(true);
    }
    
    
    public static void main(String[] args) {
        GuessYourChance guessYourChance = new GuessYourChance();
    }
}