窗口的简单布局（流式、边框、网格、卡片）

想让自己编写的窗口更符合自己的需要，有必要用到一些布局管理。有四种常用简单的布局，分别是

流式布局、边框布局、网格布局和卡片布局。

一、流式布局

在流式布局中，就像在文档中打字一样，当一行的空间不够时，才会将内容显示在下一行。但是，无论是

一行满了还是没满，每行的内容都会显示在行中间。

<1>用 Applet 实现（不需要 main() 方法）

import java.awt.*;
import java.applet.*;

public class FlowLayout1 extends Applet{
public void init()
{
setLayout(new FlowLayout());
for(int i = 0; i < 20; i++)
add(new Button("Button" + i));
}
}

<2>普通实现（需要 main() 方法）

package test;

import java.awt.Button;
import java.awt.FlowLayout;
import javax.swing.JFrame;

public class FlowLayoutFrame extends JFrame{
public FlowLayoutFrame(){
setLayout(new FlowLayout());
for(int i = 1; i <= 10; i++)
add(new Button("Button" + i));

pack();
}
}

测试类略

二、边框布局

在边框布局中，分东南西北中五个部分，东南西北部分会以适合组件的大小占据窗口的边缘，而其余空间就是中的地盘了。

即使放大或缩小窗口，东南西北部分还是只占据其一小部分，扩大或缩小主要体现在中间部分。设置布局时需要指明是 NORTH 等，

不指明默认是中部。

<1>普通实现

package test;

import java.awt.BorderLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

public class BorderLayoutFrame{
public static void main(String[] args) {
JFrame frame = new JFrame("BorderLayoutTest");
frame.add(new JButton("北"), BorderLayout.NORTH);
frame.add(new JButton("南"), BorderLayout.SOUTH);
frame.add(new JButton("西"), BorderLayout.WEST);
frame.add(new JButton("东"), BorderLayout.EAST);
frame.add(new JButton("中"), BorderLayout.CENTER);
frame.pack();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setVisible(true);
}
}

发现可以用一个类就能搞定


<2> 用 Applet 实现

import java.awt.*;
import java.applet.*;

public class BorderLayout1 extends Applet{
public void init()
{
int i = 0;

setLayout(new BorderLayout());
add("North", new Button("Button" + i++));
add("South", new Button("Button" + i++));
add("West", new Button("Button" + i++));
add("East", new Button("Button" + i++));
add("Center", new Button("Button"
4000
+ i++));
}
}

三、网格布局

网格布局就像表格，需指定要几行几列。

<1>用 Applet 实现

import java.applet.*;
import java.awt.*;

public class GridLayout1 extends Applet{
public void init()
{
setLayout(new GridLayout(7, 3));
for(int i = 0; i < 20; i++)
add(new Button("Button" + i));
}
}

<2>普通实现（实例：计算器）

package calculator;

import java.awt.BorderLayout;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JPanel;

public class CalculatorPanel extends JPanel{
private JButton display;
private JPanel panel;
private double result;
private String lastCommand;
private boolean start;

public CalculatorPanel(){
setLayout(new BorderLayout());
result = 0;
lastCommand = "=";
start = true;

display = new JButton("0");
display.setEnabled(false);
add(display, BorderLayout.NORTH);

ActionListener insert = new InsertAction();
ActionListener command = new CommandAction();

panel = new JPanel();
panel.setLayout(new GridLayout(4, 4));

addButton("7", insert);
addButton("8", insert);
addButton("9", insert);
addButton("/", command);

addButton("4", insert);
addButton("5", insert);
addButton("6", insert);
addButton("*", command);

addButton("1", insert);
addButton("2", insert);
addButton("3", insert);
addButton("-", command);

addButton("0", insert);
addButton(".", insert);
addButton("=", command);
addButton("+", command);

add(panel, BorderLayout.CENTER);
}

private void addButton(String string, ActionListener listener) {
JButton button = new JButton(string);
button.addActionListener(listener);
panel.add(button);
}

private class InsertAction implements ActionListener{

@Override
public void actionPerformed(ActionEvent e) {
String input = e.getActionCommand();
if(start){
display.setText("");
start = false;
}
display.setText(display.getText() + input);
}

}

private class CommandAction implements ActionListener{

@Override
public void actionPerformed(ActionEvent e) {
String command = e.getActionCommand();

if(start){
if(command.equals("-")){
display.setText(command);
start = false;
}
else lastCommand = command;
}
else{
calculator(Double.parseDouble(display.getText()));
lastCommand = command;
start = true;
}
}

private void calculator(double x) {
if(lastCommand.equals("+")) result += x;
else if(lastCommand.equals("-")) result -= x;
else if(lastCommand.equals("*")) result *= x;
else if(lastCommand.equals("/")) result /= x;
else if(lastCommand.equals("=")) result = x;
display.setText("" + result);
}

}
}

package calculator;

import java.awt.EventQueue;

import javax.swing.JFrame;

public class CalculatorFrame extends JFrame{
private static final int DEFAULT_WIDTH = 300;
private static final int DEFAULT_HEIGHT = 200;
public CalculatorFrame(){
EventQueue.invokeLater(new Runnable(){
public void run(){
add(new CalculatorPanel());
setSize(DEFAULT_WIDTH, DEFAULT_HEIGHT);
}
});
}
}

下面是测试类

package calculator;

import javax.swing.JFrame;

public class Test {
public static void main(String[] args) {
JFrame frame = new CalculatorFrame();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setVisible(true);
}
}

这里需要说明一下的是后面两个程序，CalculatorFrame 和 Test 类，之前写的是一个线程（Runnalbe）在测试类的 main 方法中。

但是这里我阴差阳错地写到了框架类 CalculatorFrame 中，测试类中就没写了。程序运行之后，一样是预想的结果出来了。

我不知道这两种写法是否等同，其中的差别自己还没区弄清楚。

四、卡片布局

感觉卡片布局有点像放 PPT，在界面上一次只能看一个页面；像是一堆卡片，拿开一张才能看到下一张。

import java.awt.*;
import java.applet.Applet;

class ButtonPanel extends Panel {
ButtonPanel(String id) {
setLayout(new BorderLayout());
add("Center", new Button(id));
}
}

public class CardLayout1 extends Applet {
Button first = new Button("First"), second = new Button("Second"),
third = new Button("Third");
Panel cards = new Panel();
CardLayout cl = new CardLayout();

public void init() {
setLayout(new BorderLayout());
Panel p = new Panel();
p.setLayout(new FlowLayout());
p.add(first);
p.add(second);
p.add(third);
add("North", p);
cards.setLayout(cl);
cards.add("First card", new ButtonPanel("The first one"));
cards.add("Second card", new ButtonPanel("The second one"));
cards.add("Third card", new ButtonPanel("The third one"));
add("Center", cards);
}

public boolean action(Event evt, Object arg) {
if (evt.target.equals(first)) {
cl.first(cards);
} else if (evt.target.equals(second)) {
cl.first(cards);
cl.next(cards);
} else if (evt.target.equals(third)) {
cl.last(cards);
} else
return super.action(evt, arg);
return true;
}
}