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();
}
}<strong>
</strong>