您的位置:首页 > 产品设计 > UI/UE

十一:Java之GUI图形Awt和Swing

2015-03-05 18:12 411 查看
一. AWT和 Swing

AWT
和 Swing 是 Java 设计 GUI用户界面的基础。与 AWT 的重量级组件不同,Swing 中大部分是轻量级组件。正是这个原因,Swing 差点儿无所不能,不但有各式各样先进的组件,并且更为美观易用。所以一開始使用AWT 的程序猿非常快就转向使用 Swing 了。

  那为什么 AWT组件没有消亡呢?由于 Swing 是架构在 AWT 之上的,没有 AWT 就没有Swing。所以程序猿能够依据自己的习惯选择使用 AWT 或者是 Swing。可是,最好不要二者混用——除开显示风格不同不说,还非常可能造成层次 (Z-Order) 错乱,比方下例:

<span style="font-size:18px;">import java.awt.BorderLayout;
import java.awt.Button;

import javax.swing.JButton;
import javax.swing.JDesktopPane;
import javax.swing.JFrame;
import javax.swing.JInternalFrame;
import javax.swing.JPanel;

public final class AwtSwing {

public static void main(String[] args) {
AwtSwing as = new AwtSwing();
as.show();
}

JFrame frame = new JFrame("Test AWT and SWING");

JDesktopPane jdp = new JDesktopPane();

JInternalFrame jif1 = new JInternalFrame("controls");

JInternalFrame jif2 = new JInternalFrame("cover");

public AwtSwing() {
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.getContentPane().add(jdp);

jif1.setContentPane(new JPanel());
jif2.setContentPane(new JPanel());

jif1.getContentPane().setLayout(new BorderLayout());
jif1.getContentPane().add(new Button("AWT Button"), BorderLayout.WEST);
jif1.getContentPane().add(new JButton("Swing Button"),
BorderLayout.EAST);

jif1.setSize(200, 100);
jif2.setSize(200, 100);

jdp.add(jif1);
jdp.add(jif2);

frame.setSize(240, 140);
}

public void show() {
frame.setVisible(true);
jif1.setVisible(true);
jif2.setVisible(true);
}

}</span>


  执行这个程序,并用鼠标拖动那个名为“cover”的子窗体,我们会发现一个很有趣的现象

  显然 cover子窗体是在 controls 子窗体之上的,可是它仅仅罩盖住了 Swing Button,没有罩盖住 AWT Button。再看一会儿,你是不是有这样一种感觉:Swing Button 是“画”上去的,而 AWT Button 则是“贴”上去的。这就是二者混用造成层次错乱的一个样例。

  Swing
组件有美观、易用、组件量大等特点,也有缺点——使用 Swing 组件的程序一般会比使用 AWT 组件的程序执行更慢。可是大家都还是更喜欢用 Swing 组件,原因何在?由于随着计算机硬件的升级,一点点速度已经不是问题。相反的,用户更须要美观的用户界面,开发者则更须要易用的开发组件。

二.框架、监听器和事件

  框架 (Frame, JFrame)是 Java 图形用户界面的基础,它就是我们通常所说的窗体,是 Windows/XWindow 应用程序的典型特征。说到Windows/XWindow,大家非常easy联想到“事件(Event) 驱动”。Java 的图形用户界面正是事件驱动的,而且由各种各样的监听器 (Listener) 负责捕捉各种事件。

  假设我们须要对某一个组件的某种事件进行捕捉和处理时,就须要为其加入监听器。比方,我们要在一个窗体 (JFrame)激活时改变它的标题,我们就须要为这个窗体 (JFrame 对象) 加入一个能够监听到“激活窗体”这一事件的监听器——WindowListener。

  怎么加入监听器呢?这通常由组件类提供的一个 addXxxxxListener的方法来完毕。比方 JFrame 就提供有 addWindowListener 方法加入窗体监听器(WindowListener)。

  一个监听器经常不仅仅监听一个事件,而是能够监听相关的多个事件。比方 WindowListener除了监听窗体激活事件 (windowActivate) 之外,还能够监听窗体关闭事件 (windowClosing) 等。那么这些事件怎么区分呢?就靠重载监听器类(Class) 的多个方法 (Method) 了。监听器监听到某个事件后,会自己主动调用相关的方法。因此我们仅仅要重载这种方法,就能够处理对应的事件了。

  最好还是先看一个样例:

<span style="font-size:18px;">import javax.swing.*;
import java.awt.event.*;

public class TestFrame extends JFrame {

private int counter = 0;

public TestFrame() {
/* 使用匿名类加入一个窗体监听器 */
addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) {
System.out.println(
"Exit when Closed event");
//退出应用程序
System.exit(0);
}

public void windowActivated(WindowEvent e) {
// 改变窗体标题
setTitle("Test Frame " + counter++);
}
});

// 设置窗体为固定大小
setResizable(false);
setSize(200, 150);
}

public static void main(String[] args) {
TestFrame tf = new TestFrame();
tf.show();
}

}</span>


  这个样例中,我们设计了一个窗体类(public class TestFrame extends JFrame { ... }),而且为这个窗体加入了一个窗体监听器 (addWindowListener(new WindowAdapter() ...)。而我们加入的这个窗体监听器主要监听了两个事件:窗体关闭 (public void windowClosing(WindowEvent
e) ...) 和窗体激活 (public void windowActivated(WindowEvent e) ...)。在窗体关闭事件中我们退出了整个应用程序(System.exit(0);),而在窗体激活事件中,我们改变了窗体的标题(setTitle("Test Frame " + counter++);)。最后,我们在main 方法中显示了这窗体类的一个实例

  这个程序的执行结果就是一个什么东西都没有加的框架,也就是一个空窗体。那么,你知道显示一个窗体最基本的几句代码吗?不知道没关系,我来告诉你,显示一个窗体仅仅须要做三件事:生成实例(对象)→设置大小→显示,对应的,就是以下的三句代码:

JFrame frame = new JFrame("Frame's Title");

frame.setSize(400, 300);

frame.setVisible(true);

  或许你会说:第一句的意思我清楚,第三句的意思我也明确,为什么一定要第二句呢?事实上想想也就明确了,叫你画一个没法有大小的矩形你能画出来吗?不能。相同,没有大小的窗体,怎么显示?所以我们须要用 setSize(int width, int height)方法为其设置大小。我们还有还有一种方法:用 JFrame 的 pack() 方法让它自己适配一个大小。pack()
在多数时候是令人惬意的,但有时,它也会让你哭笑不得——多试试就知道了。

  在 JFrame中,我们使用 addWindowListener 方法增加一个监听器 WindowListener (addWindowListener(new WindowAdapter() ...) 去监听发生在 JFrame 上的窗体事件。WindowListener 是一个接口,在 java.awt.event 这个包中,可是上例中好象并没有使用WindowListener,而是使用的
WindowsAdapter 吧,这是怎么回事?

  WindowAdapter是 WindowsListener 接口的一个最简单的实现,也在 java.awt.event 包中。假设我们直接使用 WindowListener 产生一个类,须要实现它的每个方法 (一共 7 个)。但 WindowAdapter 作为 WindowListener 最简单的实现,已经实现了它的每个方法为空方法 (即仅仅包括空语句,或者说没有语句的方法)。用
WindowAdapter 就仅仅须要重载可能用到的方法 (上例中仅仅有 2 个) 即可了,而不须要再去实现每个方法。长处显而易见——降低编码量。

  在 JFrame上发生的窗体事件 (WindowEvent) 包含:

windowActivated(WindowEvent e)

窗体得到焦点时触发

windowClosed(WindowEvent e)

窗体关闭之后触发

windowClosing(WindowEvent e)

窗体关闭时触发

windowDeactivated(WindowEvent e)

窗体失去焦点时触发

windowDeiconified(WindowEvent e)

windowIconified(WindowEvent e)

windowOpened(WindowEvent e)

窗体打开之后触发

  上例重载了当中两个方法。假设在上例执行产生的窗体和另外一个应用程序窗体之间来回切换 (在 Windows 操作系统中你能够使用 Alt+Tab 进行切换)……试试看,你发现了什么?有没有现我们的演示样例窗体标题上的数字一直在添加,这便是在 windowActivated 事件中 setTitle("TestFrame " + counter++) 的功劳。

  而还有一个事件处理函数 windowClosing中的 System.exit(0) 则保证了当窗体被关闭时退出当前的 Java 应用程序。假设不作这种处理会如何呢?试验之后你会发现,窗体尽管关闭了,但程序并没有结束,但此时,除了使用 Ctrl+C 强行结束之外,恐怕也没有其他办法了。所以,这一点很重要:你想在关闭窗体的时候退出应用程序,那就须要处理
windowClosing 事件。……也不尽然,事实上还有另外一个更简单的办法,让 JFrame 自己处理这件事——你仅仅须要例如以下调用 JFrame 的 setDefaultCloseOperation 就可以:

  frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

  在产生 JFrame对象之后运行上述语句,就能够不用处理 windowsClosing 事件来退出程序了。

  我们能够在 JFrame对象中加入 AWT 或者Swing 组件。可是,尽管它有 add 方法,却不能直接用于加入组件,否则崤壮鲆斐!恍啪褪允浴T斐烧飧鱿窒蟮脑蛑挥幸桓鼋馐停篔Frame不是一个容器,它仅仅是一个框架。那么,应该怎么加入组件呢?

  JFrame有一个 Content Pane,窗体是显示的全部组件都是加入在这个 Content Pane 中。JFrame 提供了两个方法:getContentPane 和 setContentPane 就是用于获取和设置其 Content Pane 的。通常我们不须要又一次设置 JFrame 的 Content Pane,仅仅须要直接获取默认的 Content
Pane 来加入组件等。如:(new JFrame()).getContentPane().add(new Button("testbutton"))。

三.button、切换button、复选button和单选button

  button……就是button,不会连button都不知道吧?

  切换button,有两种状态的button,即按下状态和弹起状态,若称为选择状态或未选择状态。

  复选button,又叫复选框,用一个小方框中是否打勾来表示两种状态。

  单选button,又叫收音机button,以小圆框打点表示被选中。常成组出现,一组单选button中仅仅有一个能被选中。

  发现什么了吗?——对了,这一部分是在讲各种各样的button,并且后三种button都有两种状态。先看看这些button都长成什么样:

  上图中,从上到下,依次就是button、切换button、复选button和单选button。图示的窗体,就是以下这个样例的执行结果:

<span style="font-size:18px;">import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.ItemEvent;
import java.awt.event.ItemListener;

import javax.swing.ButtonGroup;
import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JRadioButton;
import javax.swing.JToggleButton;

public final class TestButtons {

public static void main(String[] args) {
TestButtons tb = new TestButtons();
tb.show();
}

JFrame frame = new JFrame("Test Buttons");

JButton jButton = new JButton("JButton"); // button

JToggleButton toggle = new JToggleButton("Toggle Button"); // 切换button

JCheckBox checkBox = new JCheckBox("Check Box"); // 复选button

JRadioButton radio1 = new JRadioButton("Radio Button 1"); // 单选button

JRadioButton radio2 = new JRadioButton("Radio Button 2");

JRadioButton radio3 = new JRadioButton("Radio Button 3");

JLabel label = new JLabel("Here is Status, look here."); // 不是button,是静态文本

public TestButtons() {
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.getContentPane().setLayout(new java.awt.FlowLayout());

// 为一般button加入动作监听器
jButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent ae) {
label.setText("You clicked jButton");
}
});

// 为切换button加入动作监听器
toggle.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent ae) {
JToggleButton toggle = (JToggleButton) ae.getSource();
if (toggle.isSelected()) {
label.setText("You selected Toggle Button");
} else {
label.setText("You deselected Toggle Button");
}
}
});

// 为复选button加入条目监听器
checkBox.addItemListener(new ItemListener() {
public void itemStateChanged(ItemEvent e) {
JCheckBox cb = (JCheckBox) e.getSource();
label.setText("Selected Check Box is " + cb.isSelected());
}
});

// 用一个button组对象包容一组单选button
ButtonGroup group = new ButtonGroup();
// 生成一个新的动作监听器对象,备用
ActionListener al = new ActionListener() {
public void actionPerformed(ActionEvent ae) {
JRadioButton radio = (JRadioButton) ae.getSource();
if (radio == radio1) {
label.setText("You selected Radio Button 1");
} else if (radio == radio2) {
label.setText("You selected Radio Button 2");
} else {
label.setText("You selected Radio Button 3");
}
}
};
// 为各单选button加入动作监听器
radio1.addActionListener(al);
radio2.addActionListener(al);
radio3.addActionListener(al);
// 将单选button加入到button组中
group.add(radio1);
group.add(radio2);
group.add(radio3);

frame.getContentPane().add(jButton);
frame.getContentPane().add(toggle);
frame.getContentPane().add(checkBox);
frame.getContentPane().add(radio1);
frame.getContentPane().add(radio2);
frame.getContentPane().add(radio3);
frame.getContentPane().add(label);

frame.setSize(200, 250);
}

public void show() {
frame.setVisible(true);
}

}</span>


  除一般button外,其余三种button都有两种状态,即选择 (按下) 状态和未选择 (弹起) 状态。那么我们又该怎样推断呢?切换button (JToggleButton) 提供了一个 isSelected() 方法用来推断当前所处的状态,返回值为真 (true) 时表示它处于选择状态,返回值为假 (false) 时表示它处于未选择状态。而复选button (JCheckBox)
和单选button (JRadioButton) 都是从 JToggleButton 继承的,所以也具有 isSelected() 方法。如上例中 if(toggle.isSelected()) { ... } 等。

  单选button由自身的特点决定了它们必须成组出现,并且一组中仅仅能有一个能被选中。因此我们须要用一个专门的类,ButtonGroup来管理。加入到 ButtonGroup 的多个单选button中,假设有一个被选择中,同组中的其他单选button都会自己主动改变其状态为未选择状态。在 ButtonGroup 中加入button,是使用它的 add 方法,如上例中的 group.add(radio1);。

  既然我们已经将多个单选button加入到一个 ButtonGroup中了,那么我们是不是能够将一个包括多个单选button的ButtonGroup 对象加入到 JFrame 的Content Pane 中,以达到加入当中全部单选button的目的呢?不行!ButtonGroup 不是一个可显示的组件,它仅用于管理。所以,在往 JFrame 中加入一组 JRadioButton
的时候,须要一个一个的加入 JRadioButton,而不是笼统的加入一个 ButtonGroup。

  上例中还用到了 JLabel,这不是button,而是一个静态文本组件,主要用于显示提示文本。要获得一个JLabel 对象当前显示的文本内容,能够使用它的 getText() 方法;反之,要改变一个 JLabel 对象显示的文本,要使用它的 setText(String text) 方法,如上例中的 label.setText("You selected
Toggle Button")。

  事实上这两个方法相同能够用于 JButton等类。比方上例中我们使用 newJButton("JButton") 构造了一个button jButton,假设使用 jButton.getText() 就能够得到字符串"JButton"。而 jButton.setText("AButton"),则能够改变button上显示的文字为 "A Button"。这两句代码没有在演示样例中写出来,你能够自己试试。

  上例中大量使用了动作监听器 (ActionListener)。ActionListener 仅仅监听一个事件,这个事件在其相关组件上产生了动作时被触发,因此叫作动作事件 (ActionEvent)。ActionListener 仅仅有一个方法须要实现,就是 actionPerformed(ActionEvent event)。button、切换button和单选button被单击时都会触发动作事件,引起动作监听器调用
actionPerformed 方法。因此,假设你想在单击button之后做什么事,当然应该重载 ActionListener 的 actionPerformed 方法了。各种button都提供了 addActionListener 方法以加入动作监听器。

  复选框就要特殊一些。尽管它也有 addActionListener方法,意味着能够使用动作监听器,可是使用之后你会发现动作监听器并没有起到预想的作用。为什么?原来,单击一个复选button,触发的不是动作事件,而是条目事件 (ItemEvent) 中的状态变化 (itemStateChanged),由条目监听器 (ItemListener) 监听,对应须要重载的方法是
ItemListener 的 itemStateChanged 方法。

  上例中我们将一个名为 al的 ActionListener 加入到了每个单选button中,怎样推断是哪个单选button触发了事件并被 al 监听到了呢?我们能够从 ActionEvent 的 getSource() 方法得到触发事件单选button。因为 getSource() 返回的是一个 Object 引用,尽管这个引用指向的是一个单选button的实例,但我们还是须要将这个引用的类型转换为
JRadioButton,如上例中的:JRadioButton radio =(JRadioButton) ae.getSource(),仅仅有这样我们才干调用 JRadioButton 有而 Object 没有的方法。

  同一时候,还须要说明的一点是,每一个单选button都能够加入一个单独的 ActionListener实例,而不一定要加入同一个。相同的道理,若干毫不相干的、须要加入 ActionListener 的若干组件,也能够加入同一个ActionListener 实例。关键在于编程者对 actionPerformed 方法的重载。比方以下这段代码就为一个 JButton
对象和一个 JRadioButton 对象加入了同一个动作监听器实例:

<span style="font-size:18px;">import javax.swing.*;
import java.awt.event.*;

public class Test {

JButton b;
JRadioButton rb;

public Test() {
JFrame f = new JFrame("Test");
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.getContentPane().setLayout(
new java.awt.FlowLayout());
b = new JButton("JButton");
rb = new JRadioButton("RadioButton");
ActionListener a = new ActionListener() {
public void actionPerformed(ActionEvent ae) {
if (ae.getSource() == b) {
System.out.println(
"You clicked the JButton");
} else {
System.out.println(
"You clicked the RadioButton");
}
}
};
b.addActionListener(a);
rb.addActionListener(a);
f.getContentPane().add(b);
f.getContentPane().add(rb);
f.pack();
f.show();
}

public static void main(String[] args) {
new Test();
}

}</span>


  执行程序后,分别单击两个button,对应的,在控制台能分别得到例如以下输出:

  You clicked the JButton

  You clicked the RadioButton

  这说明多个不用的组件加入同一个监听器是可行的——只是前提是这些组件都能加入这个监听器。

四.文本输入框、password输入框

  文本输入框包含两种,单行文本输入框 (JTextField)和多行文本输入框 (JTextArea)。password输入框则仅仅有一种 (JPasswordField)。JPasswordField 是 JTextField 的子类,它们的主要差别是 JPasswordField 不会显示出用户输入的东西,而仅仅会显示出程序猿设定的一个固定字符,比方 '*' 或者
'#'。

  以下的演示样例图和代码是 JTextField、JPasswordField 和 JTextArea 的演示样例:

<span style="font-size:18px;">import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPasswordField;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.event.CaretEvent;
import javax.swing.event.CaretListener;

public final class TestTexts extends JFrame {

public static void main(String[] args) {
TestTexts tt = new TestTexts();
tt.setVisible(true);
}

private JLabel label = new JLabel("Status");

private JTextField textField;

private JPasswordField pwdField;

private JTextArea textArea;

public TestTexts() {
super("Test Texts");
setDefaultCloseOperation(EXIT_ON_CLOSE);
getContentPane().setLayout(new java.awt.FlowLayout());

textField = new JTextField(15);
/* 监听文本光标移动事件 */
textField.addCaretListener(new CaretListener() {
public void caretUpdate(CaretEvent e) {
// 假设改变了内容,就能够即时更新 label 显示的内容
label.setText(textField.getText());
}
});

pwdField = new JPasswordField(15);
pwdField.setEchoChar('#');

textArea = new JTextArea(5, 15);
textArea.setLineWrap(true);

getContentPane().add(textField);
getContentPane().add(pwdField);
getContentPane().add(textArea);
getContentPane().add(label);

setSize(200, 200);
}

}</span>


  上例中,我们构造了一个宽度为 15个字符的单行文本框 (textField = newJTextField(15);),并使用 addCaretListener 方法加入了一个 CaretListener (textField.addCaretListener ...)。CaretListener 监听文本光标的移动事件。当用户使用键盘、鼠标等移动了文本光标在
JTextField 中的位置时触发这个事件。我们须要重载caretUpdate(CaretEvent e) 对事件进行处理 (public voidcaretUpdate(CaretEvent e) ...)。这样,我们能够在这里做类似 VB 中 TextBox 的 OnChange 事件中做的事情。

  JTextField有 5 个构造方法,经常使用当中的四个:

  JTextField()

  JTextField(int columns),如上例 textField = newJTextField(15);

  JTextField(String text)

  JTextField(String text, int columns)

  当中,參数 text是单行文本框的初始内容,而 columns 指定了单行文本框的宽度,以字符为单位。JTextField 中的文本内容能够用 getText() 方法获得。也能够用 setText 方法指定 JTextField 中的文本内容。

  JPasswordField是 JTextField 的子类,其构造方法也是类似的。JPasswordField 提供了 setEchoChar(char ch) 方法设置为了隐藏password而显示的字符,默觉得 '*' 字符,上例中则设置为了 '#' 字符 (pwdField.setEchoChar('#');)。与 JTextField 一样,JPasswordField
也用 getText 方法和 setText 获得或者设置文本内容 (当然在用户界面上是隐藏的)。

  JTextField是单行文本框,不能显示多行文本,假设想要显示多行文本,就仅仅好使用多行文本框 JTextArea 了。JTextArea 有六个构造方法,经常使用的也是四个:

  JTextArea()

  JTextArea(int rows, int columns)

  JTextArea(String text)

  JTextArea(String text, int rows, int columns) 

  text
为 JTextArea 的初始化文本内容;rows 为 JTextArea 的高度,以行为单位;columns 为 JTextArea 的宽度,以字符为单位。如上例中就构造了一个高 5 行,宽 15 个字符的多行文本框(textArea = new JTextArea(5, 15);)。

  多行文本框默认是不会自己主动折行的 (只是能够输入回车符换行),我们能够使用 JTextArea 的 setLineWrap 方法设置是否同意自己主动折行。setLineWrap(true) 是同意自己主动折行,setLineWrap(false)则是不同意自己主动折行。多行文本框会依据用户输入的内容自己主动扩展大小,不信,自己做个实验——假设不自己主动折行,那么多行文本框的宽度由最长的一行文字确定的;假设行数据超过了预设的行数,则多行文本框会扩展自身的高度去适应。换句话说,多行文本框不会自己主动产生滚动栏。怎么办?后面讲到滚动窗格
(JScrollPane) 的时候,你就知道了。

  多行文本框里文本内容的获得和设置,相同能够使用 getText和 setText 两个方法来完毕。

五.窗格、滚动窗格和布局管理

  窗格 (JPanel)和滚动窗格 (JScrollPane) 在图形用户界面设计中大量用于各种组件在窗体上的布置和安排。这里所谓的布置和安排,就是布局 (Layout),因此不得不先说说布局。

  将增加到容器(通常为窗体等) 的组件依照一定的顺序和规则放置,使之看起来更美观,这就是布局。布局由布局管理器 (Layout Manager) 来管理。那么,我们在什么时候应该使用布局管理器?应用选择哪种布局管理器?又该如何使用布局管理器呢?

  往往,我们设计一个窗体,当中是要加入若干组件的。为了管理好这些管理的布局,我们就要使用布局管理器。比方说,设计一个简单的编辑器,这个编辑器中仅仅须要放置两个button和一个多行文本框。这些组件是让 Java自己随意安排呢?还是依照一定的位置关系较规范的安排呢?当然应该选择后者。那么,为了依照一定的位置关系安排这些组件,我们就须要用到布局管理器了。

  然后我们遇到了一个选择题——使用哪种布局管理器。为此,我们首先要知道有些什么布局管理器,它们的布局特点是什么。经常使用的布局管理器有: FlowLayout、BorderLayout、GridLayout、BoxLayout 等,当中 FlowLayout 和 BorderLayout 最经常使用,本文主要也就仅仅谈谈这两种布局管理器。以下列表说明它们的布局特点:

布局管理器布局特点

FlowLayout

将组件按从左到右从上到下的顺序依次排列,一行不能放完则折到下一行继续放置

BorderLayout

将组件按东(右)、南(下)、西(左)、北(上)、中五个区域放置,每一个方向最多仅仅能放置一个组件(或容器)。

GridLayout

形似一个无框线的表格,每一个单元格中放一个组件

BoxLayout

就像整齐放置的一行或者一列盒子,每一个盒子中一个组件

  就上述的编辑器为例,假设选用 FlowLayout,那么两个button和一个多行文本框就会排列在一行——当然这是窗体足够宽的情况;假设窗体稍窄一些,则可能分两行排列,第一行有两个button,而第二行是多行文本框——这是最理想的情况;假设窗体再窄一些,就可能分三行排列,第一行和第二行分别放置一个button,第三行放置多行文本框。因此,假设窗体大小能够改变,那么三个组件的位置关系也可能随着窗体大小的变化而变化。事实上上面所举的例程中,大部分都是用的
FlowLayout,那是由于我们没有要求组件的布局。

  假设选用 BorderLayout的情况又怎样呢?我们能够试着增加一个窗格 (JPanel,稍后解说),并将两个button放置在当中,然后将这个窗格增加到 BorderLayout 的北部 (即上部);再将多行文本框增加到BorderLayout 中部。结果类似使用 FlowLayout 的另外一种可能,是最理想的情况。并且,假设改变窗体大小,它们的位置关系仍然是北-中的关系,不会随之改变。

  剩下的两种布局管理器,加以窗格 (JPanel)的配合,也可以非常好的安排上述编辑器所需的三个组件。可是因为它们的使用稍为复杂一些,所以就不讲了。以下就讲讲怎样使用 FlowLayout 和 BorderLayout。

  不论什么布局管理器,都须要用在容器上,比方 JFrame的 Content Pane 和以下要说的 JPanel 都是容器(JFrame 默认的 Content Pane 实际就是一个 JPanel)。容器组件提供了一个 setLayout 方法,就是用来改变其布局管理器的。默认情况下,JFrame 的 Content Pane 使用的是 BorderLayout,而一个新产生的
JPanel 对象使用的是 FlowLayout。但无论如何,我们都能够调用它们的 setLayout 方法来改变其布局管理器。比方上述的编辑器中,我们要让窗体(JFrame 对象,如果为 frame) 使用BorderLayout,就能够使用 frame.getContentPane().setLayout(newBorderLayout()); 来改变其布局管理器为一个新的 BorderLayout 对象。

  然后,我们对布局管理器的直接操作就结束了,剩下的仅仅须要往容器里加入组件。假设使用 FlowLayout,我们仅仅须要使用容器的 add(Component c) 方法加入组件即可了。可是,假设使用 BorderLayout 就不一样了,由于要指定是把组件加入到哪个区域啊。那我们就使用容器的 add(Component c, Object o) 方法加入组件,该方法的第二个參数就是指明加入到的区域用的。比如,上述编辑器中要加入一个多行文本框到
BorderLayout 的中部,就能够用 frame.getContentPane().add(newJTextArea(5, 15), BorderLayout.CENTER) 来实现。

  BorderLayout的五个区域各自是用下列五个常量来描写叙述的:

BorderLayout.EAST

东(右)

BorderLayout.SOUTH

南(下)

BorderLayout.WEST

西(左)

BorderLayout.NORTH

北(上)

BorderLayout.CENTER



  刚才已经提到了使用 JPanel。JPanel 作为一个容器,能够包容一些组件,然后将这个 JPanel 对象作为一个组件加入到还有一个容器 (称作父容器) 中。这个功能有什么优点呢?

  上面不是提到 BorderLayout的一个区域中仅仅能加入一个组件吗?可是我们的编辑器须要加入两个button到它的北部,怎么办?以下的样例中,我们就会用的一个 JPanel 包容了这两个button,然后再将这个 JPanel 对象作为一个组件加入到设置布局管理器为 BorderLayout 的 Content Pane 中。

  上面说到各布局管理器的布局特点的时候,差点儿每一种都是一个区域仅仅能加入一个组件,那我们想加入多个组件到一个区域的时候,就要用到 JPanel了。假设还没有明确,稍后看一段程序可能更易于理解。

  而滚动窗格 (JScrollPane)呢?它是一个可以自己产生滚动栏的容器,通常仅仅包容一个组件,而且依据这个组件的大小自己主动产生滚动栏。比方上面讲 JTextArea 的时候提到:JTextAera 会随用户输入的内容自己主动扩展大小,非常easy打破各组件的布局。可是,假设我们将它包容在一个滚动窗格中,它的扩展就不会直接反映在大小的变化上,而会反映在滚动窗格的滚动栏上,也就不会打破各组件的布局了。稍后的样例会让你清清楚楚。

  是不是等着看样例了?好,样例来了:

<span style="font-size:18px;">import java.awt.BorderLayout;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;

public final class TestPanels extends JFrame {

public static void main(String[] args) {
TestPanels tp = new TestPanels();
tp.setVisible(true);
}

public TestPanels() {
setDefaultCloseOperation(EXIT_ON_CLOSE);

JPanel panel = new JPanel();
for (int i = 0; i < 2; i++) {
panel.add(new JButton("Button 00" + i));
}

JTextArea textArea = new JTextArea(5, 15);
textArea.setLineWrap(true);
JScrollPane scrollPane = new JScrollPane(textArea);
getContentPane().add(panel, BorderLayout.NORTH);
getContentPane().add(scrollPane, BorderLayout.CENTER);

pack();
}

}</span>


  这个样例的执行结果例如以下图,正是我们想要的结果——上面两个button,以下是一个能够滚动的多行文本框:

  上例中首先产生了一个 JPanel对象 (JPanel panel = new JPanel();),然后将两个button置于当中 (panel.add ...);然后产生了一个多行文本框 (JTextAreatextArea = new JTextArea(5, 15);),并使用一个滚动窗格将它包裹起来(JScrollPane scrollPane
= new JScrollPane(textArea);),使之成为能够滚动的多行文本框。最后将两个容器 (JPanel 对象和 JScrollPane 对象) 分别加入到了窗体的北部 (getContentPane().add(panel,BorderLayout.NORTH);) 和中部 (也就是剩余部分,getContentPane().add(scrollPane, BorderLayout.CENTER);)。

  好像有点不正确劲,是什么呢?对了,我们没有设置 Content Pane的布局管理器为 BorderLayout 啊,为什么……刚才不是说了吗,JFrame 的Content Pane 的默认布局管理器就是 BorderLayout,所以不用再设置了。

原文:http://blog.csdn.net/jamesfancy/article/details/1196585

參考:http://www.weixueyuan.net/java/rumen_11/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: