【 tulaoshi.com - 编程语言 】
摘要
通过本章的学习，读者应能知道GUI（图形用户界面）的概念，并且能够使用Java语言来构建一个令人心旷神怡的GUI界面，使你的程序更具有感召力。把握标签、按钮、文本框、选择框、滚动条……等等各种GUI部件的使用方法。
--------------------------------------------------------------------------------
本章目标：
通过本章的学习，读者应能知道GUI（图形用户界面）的概念，并且能够使用Java语言来构建一个令人心旷神怡的GUI界面，使你的程序更具有感召力。把握标签、按钮、文本框、选择框、滚动条……等等各种GUI部件的使用方法。
9.1 用什么构建GUI
传授新知
早期，电脑向用户提供的是单调、枯燥、纯字符状态的“命令行界面（CLI）”。就是到现在，我们还可以依稀看到它们的身影：在Windows中开个DOS窗口，就可看到历史的足迹。
后来，Apple公司率先在电脑的操作系统中实现了图形化的用户界面（Graphical User Interface，简称GUI），但由于Apple公司封闭的市场策略，自己完成电脑硬件、操作系统、应用软件一条龙的产品，与其它PC不兼容。这使得Apple公司错过了一次一统全球PC的好机会。
后来，闻名的Microsoft公司推出了风靡全球的Windows操作系统，它凭借着优秀的图形化用户界面，一举奠定了操作系统标准的地位。这也造就了世界首富---比尔.盖茨和IT业的泰山北斗微软公司。
在这图形用户界面风行于世的今天，一个应用软件没有良好的GUI是无法让用户接受的。而Java语言也深知这一点的重要性，它提供了一套可以轻松构建GUI的工具。在本章和下一章中，我们将向你充分证实这一点。
在Java语言提供的GUI构建工具中，可以分为“部件”（component）和“容器”（container）两种。
在Java语言中，提供了以下部件：
§ 按钮
§ 标签
§ 复选框
§ 单选按钮
§ 选择框
§ 列表框
§ 文本框
§ 滚动条
§ 画布
§ 菜单
这些部件，我们在使用Windows操作系统时都碰到过，你通过操作它们来实现与程序的交互。
而光有“部件”就组不成程序，我们必须使用“容器”将这些“部件”装配起来，使其成为一个整体。Java语言还提供了以下“容器”：
§ 程序的启动封面
§ 窗体（form）
§ 对话框（Dialog）
Java语言是通过AWT（抽象窗口化工具包）和Java基础类（JFC或更常用的Swing）来提供这些GUI部件的。
其中Java.awt是最原始的GUI工具包，存放在java.awt包中。现在有许多功能被已被Swing取代并得到了很大的增加与提高，因此一般我们很少再使用Java.awt，但是AWT中还是包含了最核心的功能，通常，一个Java的GUI程序至少还要使用下面几个类：
§ java.awt.Color：基本颜色定义
§ java.awt.Font：基本字体定义
§ java.awt.Cursor：光标操作定义
而Swing则存放在javax.swing包中。
我们可以在Java的GUI程序的最前面加上以下两句就可以了：
import java.awt.*;
import javax.swing.*;
这样就可以一劳永逸了。
用Java开发一个GUI程序，通常需要以下几步：
1） 构建一个顶层容器；
2） 构建一个部件；
3） 用容器的add方法将部件加入到这个容器中；
我们马上就开始！
自测练习
1） 在Java语言中，用来构建GUI的工具可以分为________和__________。
a.控件 b.部件 c.窗体 d.容器
2） 下面不属于“部件”的是__________。
a.选择框 b.窗体 c.菜单
3） 下面不属于“容器”的是__________。
a.文本框 b.对话框 c.窗体
4） 容器可以被添加到其它容器中去。________
a.正确 b.不正确
5） 部件可以被添加到容器中去。_______
a.正确 b.不正确
6） 容器可以被添加到部件中去。_______
a.正确 b.不正确
7） 部件可以被添加到其它部件中去。_______
a.正确 b.不正确
练习答案
1）b、d 在Java语言中，GUI构建工具可以分为部件与容器。
2）b 窗体是一种容器，不是部件。
3）a 文本框是一种部件，不是容器。
4）a 有些容器可以被包含到其它容器中去。
5）a 容器就是用来放置各种部件的。
6）b 将部件装到容器去，就象“把桶装到水中”一样可笑。
7）b “把水装到水中”也是可笑的呀。
9.2 使用Button（按钮）
实例说明
1.首先，我们使用文字编辑软件输入下源程序。
源程序：useButton.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class useButton extends JApplet
{
JButton button1;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
button1=new JButton(“Beep!”);
panel1.add(button1);
button1.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
Toolkit.getDefaultToolkit().beep();
}
});
}
}
2.执行以下命令，编译这个程序：
c:javastudy javac useButton.java
由于，这是一个Java Applet（小应用程序），需要在网页上显示，所以我们需要编辑一个包含这个小应用程序的Html文件。形如：
源程序：useButton.html
htmlbody
applet code="useButton.class" WIDTH=150 HEIGHT=100
/applet
/body/html
3.然后使用appletviewer来运行这个程序：
c:javastudy appletviewer useButton.html
程序输出如下图所示：
图9-1 程序useButton的运行结果
你试着按一下“Beep!”这个按钮，每按一下就会响一声。
传授新知
我们一起来看一下这个冗长而且令人费解的程序段。
1）
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
这一段程序是用来将构建GUI程序所需的包包含进来。
2）
public class useButton extends JApplet
这一句用来声明类useButton，说明它是从JApplet中继续而来的子类。JApplet是Applet类的一种增强类。因此，从这里可以看出这个程序是Java小应用程序，而不是Java应用程序。
3）
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
这一段程序创建了一个Jpanel（面板）容器：panel1，然后调用setLayout方法显示它。
4）
button1=new JButton(“Beep!”);
panel1.add(button1);
这一段程序创建了一个新的部件：button1按钮，并将按钮上显示标签“Beep!”。然后调用容器panel1的add方法将这个按钮添加到这个面板上。
5）
button1.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
Toolkit.getDefaultToolkit().beep();
}
});
这是一个非凡的事件，它为按钮buuton1添加上一个ActionListener（action：行动、事件；Listener：监听者），也就是事件监视器。这个监视器做什么呢？
当actionPerformed（action：行动、事件；Performed：执行，表演），就是当这个事件执行时（什么事件呢？ActionEvent evt，按下按钮时），将执行：Toolkit.getDefaultToolkit().beep()
也就是响铃。
自测练习
1）按钮类中提供了一个方法，可以修改按钮文本的颜色。以下就是一个应用实例：
button1.setForeground(Color.green);
其中button1是按钮名，setForeground则方法名，set就是设置，Foreground就是前景，也就是设置前景色。参数是Color.green，绿色。相对应的，红色就是Color.red，蓝色就是Color.blue。
请编写一个程序，在面板上显示三个按钮，按钮上的标签分别是：set red，set green，set blue（颜色为黑色）。当按下set red按钮，则三个按钮的标签都变成红色；而按下set green则变成绿色；按下set blue则变成蓝色。
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
2）按钮类中还提供了一个方法，可以修改按钮标签。以下就是一个应用实例：
button1.setText(“OK”);
其中button1是按钮名，setText是方法名，set就是设置，Text就是文本，也就是设置按钮上的文本色。参数是”OK”。这样就会将button1的标签改为”OK”。
请使用这个方法修改程序useButton，使得按钮上显示按过的次数，假如没有按下，则仍显示“Beep!”。只需写出修改的部分。
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
练习答案
1） 以下就是一个实现实例：
源程序：lianxi901.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class lianxi901 extends JApplet
{
JButton buttonRed;
JButton buttonGreen;
JButton buttonBlue;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
buttonRed=new JButton(“set red”);
buttonGreen=new JButton(“set green”);
buttonBlue=new JButton(“set blue”);
panel1.add(buttonRed);
panel1.add(buttonGreen);
panel1.add(buttonBlue);
buttonRed.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
buttonRed.setForeground(Color.red);
buttonGreen.setForeground(Color.red);
buttonBlue.setForeground(Color.red);
}
});
buttonGreen.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
buttonRed.setForeground(Color.green);
buttonGreen.setForeground(Color.green);
buttonBlue.setForeground(Color.green);
}
});
buttonBlue.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
buttonRed.setForeground(Color.blue);
buttonGreen.setForeground(Color.blue);
buttonBlue.setForeground(Color.blue);
}
});
}
}
通过构建一个HTML文件，使其包含这个Applet后，以下就是一个运行效果之一：
图9-2 练习的输出
2） 要实现这个功能很简单，只需做两个修改：
a. 在变量定义处加入一个新的变量定义：
int counter=0;
b.在button1的addActionListener方法中的actionPerformed中加入一行：
Button1.setText(String.valueOf(++counter));
9.3 使用Label（标签）
实例说明
1.首先，我们使用文字编辑软件输入下源程序。
源程序：useLabel.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class useLabel extends JApplet
{
JLabel label1;
public void init()
{
label1=new JLabel(“This is a java label!”);
label1.setHorizontalAlignment(SwingConstants.CENTER);
label1.setVerticalAlignment(SwingConstants.TOP);
label1.setBackground(Color.red);
label1.setOpaque(true);
label1.setForeground(Color.white);
label1.setToolTipText(“Hello,I am a Java Label!”);
panel1.add(label1);
}
}
2.使用javac编译这个程序。
3.编辑一个显示这个Java Applet的页面：
源程序：useLabel.html
htmlbody
applet code="useLabel.class" WIDTH=150 HEIGHT=100
/applet
/body/html
4.最后使用appletviewer来运行这个程序：
c:javastudy appletviewer useLabel.html
程序输出如下图所示：
图9-3 程序useLabel的运行结果
传授新知
我们可以看到这一段程序，与useButton.java十分类似，在类的前面，包含了编写GUI程序要使用的包：javax.swing.*、java.awt.*和java.awt.event.*。
接着，通过使用“extends JApplet”说明useLabel类也是一个小应用程序（Applet）。在init方法中，首先创建了一个容器---Panel，用来放置后面创建的“标签”。我们下面就认真地看一下关于Label的语句：
1）
label1=new JLabel(“This is a java label!”);
类似的，我们使用new来创建一个Label实例，参数“This is a java label！”就是标签要显示的内容。假如省略这个标签，将创建一个空标签，什么也不会显示。
一些提示：
在Java语言中，标签提供了一个setText方法，可以用来设置它显示的内容。
2）
label1.setHorizontalAlignment(SwingConstants.CENTER);
label1.setVerticalAlignment(SwingConstants.TOP);
Label类提供两个设置其对齐方式的方法：
§ setHorizontalAlignment：设置水平对齐方式；
它的有效参数是：
¨ SwingConstants.LEFT：左对齐；（默认值，也就是不设置时则左对齐）
¨ SwingConstants.CENTER：居中对齐；
¨ SwingConstants.RIGHT：右对齐；
§ setVerticalAlignment：设置垂直对齐方式；
它的有效参数是：
¨ SwingConstants.TOP：向上对齐；
¨ SwingConstants.CENTER：居中对齐；（默认值，也就是不设置时居中对齐）
¨ SwingConstants.BOTTOM：向下对齐；
3） label1.setBackground(Color.red);
label1.setOpaque(true);
setBackground方法用来设置标签的背景色。但是Java的Swing部件默认状态下是不透明的，在这种状态下是无法显示背景色的。因此，我们还需使用setOpaque(true)方法使该部件变为透明的。
4）
label1.setForeground(Color.white);
与按钮一样，我们可以使用setForeground方法来设置字符颜色。
5）
label1.setToolTipText(“Hello,I am a Java Label!”);
在Windows的界面中，许多工具按钮都提供了一个这样的功能：当你将鼠标放在这个按钮上面一会儿，就会出现一个帮助性的提示。在Java语言中，我们可以很简单地使用：
部件.setToolTipText(“提示信息”)
来实现这个功能。
一些提示：
其实“按钮”部件也可以使用这个方法来显示提示信息。
6）
panel1.add(label1);
最后，我们使用容器panel的add方法，将这个标签放置到容器中。
自测练习
1） 标签Label上显示的文本信息一经定后，就不能在程序中动态修改。________
a. 错 b.对
2） 对于一个Label来说，默认的水平对齐方式是：________。
a.SwingConstants.CENTER b.SwingConstants.RIGHT
c.SwingConstants.LEFT
3） 对于一个Label来说，默认的垂直对齐方式是：________。
a.SwingConstants.CENTER b.SwingConstants.BOTTOM
c.SwingConstants.TOP
4） 要获得一个Label上显示的文本信息，应使用_________方法。
a.setText b.getText c.getContent
5）标签类中提供了一个方法，可以修改标签上显示的文本。以下就是一个 应用实例：
label1.setText(“new text!”);
请编写一个程序，在面板左边显示一个标签，右边显示一个按钮，按钮上显示“Plus one”，标签显示为“0”。每按一次按钮，标签上显示的数字就加1.
一些提示：
在Java中，我们还可以使用getText来获得标签上显示的文本信息。
程序显示如下图所示：
图9-4 练习输出
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
练习答案
1）a 在程序中可以使用setText方法动态修改Label显示的文本信息。
2）c 默认是水平左对齐。
3）a 默认是垂直居中对齐。
4）b setText方法是设置文本，getText是获取文本，并没有getContent方法。
5）以下就是一个实现该功能的程序实例：
源程序：lianxi902.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class lianxi902 extends JApplet
{
JButton button1;
JLabel label1;
int counter=0;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
label1=new JLabel(String.valueOf(counter));
label1.setIcon("winupd.ico");
button1=new JButton("Plus one");
panel1.add(label1);
panel1.add(button1);
button1.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
label1.setText(String.valueOf(++counter));
}
});
}
}
9.4 复选框与单选按钮
实例说明
1.首先，我们使用文字编辑软件输入下源程序。
源程序：useCheckbox.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class useCheckbox extends JApplet
{
JButton button1;
int counter=0;
Checkbox setbeep,setcounter,red,green,blue;
CheckboxGroup colorSel;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
setbeep=new Checkbox("Beep when press button");
setcounter=new Checkbox("Counter press time");
panel1.add(setbeep);
panel1.add(setcounter);
colorSel=new CheckboxGroup();
red=new Checkbox("Set red",colorSel,true);
green=new Checkbox("Set green",colorSel,false);
blue=new Checkbox("Set blue",colorSel,false);
panel1.add(red);
panel1.add(green);
panel1.add(blue);
red.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
if(evt.getStateChange()==ItemEvent.SELECTED)
button1.setForeground(Color.red);
}
});
green.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
if(evt.getStateChange()==ItemEvent.SELECTED)
button1.setForeground(Color.green);
}
});
blue.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
if(evt.getStateChange()==ItemEvent.SELECTED)
button1.setForeground(Color.blue);
}
});
button1=new JButton("Press me");
panel1.add(button1);
button1.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
doButton1Action();
}
});
}
public void doButton1Action()
{
if (setbeep.getState())
Toolkit.getDefaultToolkit().beep();
if (setcounter.getState())
button1.setText("press: "+String.valueOf(++counter));
else
button1.setText("Press me");
}
}
2.使用javac编译这个程序，然后编辑一个显示这个Java Applet的页面：
源程序：useCheckbox.html
htmlbody
applet code="useCheckbox.class" width=320 height=150
/applet
/body/html
4.最后使用appletviewer来运行这个程序，这个程序的输出如下图所示：
图9-5 程序useCheckbox的运行结果
传授新知
从我们学习Java开始，这个示例程序是大家碰到的最长的一个。大家不要被它吓退，这个程序阅读起来一样并不困难。下面，我们就对程序做一些点评。
1）
setbeep=new Checkbox("Beep when press button");
setcounter=new Checkbox("Counter press time");
panel1.add(setbeep);
panel1.add(setcounter);
在这一段程序中，我们定义了两个Checkbox：setbeep和setcounter。什么是Checkbox呢？如下图所示：
图9-6 复选框
在Java语言中，Checkbox类定义了复选框。复选框用来让用户做出某种选择，正如上图所示，答应选中多个复选框。
在前两句中，我们使用new创建了这两个复选框；而在后两句中，我们使用容器Panel的add方法将它们装入Panel。
2）
colorSel=new CheckboxGroup();
red=new Checkbox("Set red",colorSel,true);
green=new Checkbox("Set green",colorSel,false);
blue=new Checkbox("Set blue",colorSel,false);
panel1.add(red);
panel1.add(green);
panel1.add(blue);
而这一段程序则是用来定义red、green和blue三个单选按钮。在Java语言中，单选按钮被看作是一组非凡的复选框。我们使用一个CheckboxGroup将它们组成一个组，这样就只答应这个组里的“复选框”只能有一定被选中，这就形成了单选按钮。
单选按钮与复选框在外观上也不同：复选框是一个正方形的小框，而单选按钮则是一个小小的圆，如下图所示：
图9-7 单选按钮
在上面的程序中，我们首先定义了一个组：colorSel。接下来的三条语句使用new操作符创建了三个Checkbox，并在参数列表中指定了它所在的组，其语法格式为：
单选按钮名=new Checkbox(“提示文本”,所在组名,初值)；
其中初值是布尔型的：true表示选中，false表示未选中。
注重：
一组单选按钮中仅能有一个按钮的初值是true，因为是“单选”嘛。
最后，我们再次调用了panel的add方法，将它们装入容器panel中。
3）
red.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
if(evt.getStateChange()==ItemEvent.SELECTED)
button1.setForeground(Color.red);
}
});
这段程序用到了许多我们没有碰到过的东西！不过不要紧，做为初学者还是要学会“黑盒子”学习方法，也就是在学习的初级阶段要将某些东西当作一个整体来接受，而不是每一个都要剖析清楚，那样就会影响学习效果的。正如这段程序，大家只要会用，会理解就行了，不一定要搞懂为什么这么写。
第一行中red.addItemListener用来为单选按钮red增加一个监测器。监测什么呢？第3行说明监测itemStateChanged（状态改变时）。第5行说明当监测到状态改变时，就判定改变后的状态是不是“选中”的。假如是，就执行第6行，将按钮button1的前景色设置为红色。
在后面的两段中，我们采用相同的方法为单选按钮green和blue分别创建了一个监测器，使得当其被“选中”时，就将按钮button1的前景色设置为相应的颜色（绿色和蓝色）。
4）
button1.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
doButton1Action();
}
});
这一段程序，我们在9.2小节中就碰到过。它是用来为按钮button1创建一个监测器。不同的是，当时我们是直接说明了当按钮按下时所要执行的语句。而在此，我们则是让其去执行一个doButton1Action方法。这个方法，是在我们后面的程序中定义的。
5）
public void doButton1Action()
{
if (setbeep.getState())
Toolkit.getDefaultToolkit().beep();
if (setcounter.getState())
button1.setText("press: "+String.valueOf(++counter));
else
button1.setText("Press me");
}
这就是当按下按钮button1时，执行的方法doButton1Action。整个方法可以分为两个部分的工作：
其一是：
if (setbeep.getState())
Toolkit.getDefaultToolkit().beep();
即，首先判定复选框setbeep否被选中（使用复选框的getState方法获得其状态，假如被选中，返回true；假如未被选中，返回false）。假如被选中，就响铃。
把整个程序逻辑串起来讲就是：当按钮button1按下时，将检查复选框setbeep是否被选中，假如被先中，就响铃，否则无任何反应。
其二是：
if (setcounter.getState())
button1.setText("press: "+String.valueOf(++counter));
else
button1.setText("Press me");
即，首先判定复选框setcounter是否被选中。假如被选中，则改变按钮button1的显示文本，将其改为press：按下总次数；否则，让其显示最初的“Press me”。
自测练习
1） 在Java语言中，复选框类名是____________。
a.Button b.Checkbox c.checkBox d.Label
2） 在Java语言中，单选框类名是____________。
a.Label b.checkBox c.Button d.Checkbox
3） 假设有cb1、cb2、cb3三个对象，属于同一个CheckboxGroup，则它们是________。
a.单选按钮 b.复选框
4） 复选框的外观是________。
a.一个小正方形 b.一个小圆形 c.一个小三角形
5） 单选框的外观是________。
a.一个小正方形 b.一个小圆形 c.一个小三角形
6） 编写一段程序，使其运行结果如下图所示：
图9-8 练习903题图
并且，当选中了NO.1，则按钮显示为NO.1；选中了NO.2，则按钮显示为NO.2。
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
练习答案
1）b 复选框类名为Checkbox，第一个字母“C”是大写字母。
2）d 单选按钮也是Checkbox，与复选框的不同是，单选按钮是属于一个CheckboxGroup的。
3）a 加入了同一个CheckboxGroup，就成为一组，一组中仅有一个能够被选中，称为单选按钮。
4）a 请参看图9-6。
5）b 请参看图9-7。
6）以下是一个实现实例：
源程序：lianxi903.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class lianxi903 extends JApplet
{
JButton button1;
Checkbox theOne,theTwo;
CheckboxGroup cbg1;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
cbg1=new CheckboxGroup();
theOne=new Checkbox("NO.1",cbg1,true);
theTwo=new Checkbox("NO.2",cbg1,false);
button1=new JButton("Button");
panel1.add(theOne);
panel1.add(theTwo);
panel1.add(button1);
theOne.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
if(evt.getStateChange()==ItemEvent.SELECTED)
button1.setText("NO.1");
}
});
theTwo.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
if(evt.getStateChange()==ItemEvent.SELECTED)
button1.setText("NO.2");
}
});
}
}
9.5 使用列表框
实例说明
1.首先，我们使用文字编辑软件输入下源程序。
源程序：useList.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class useList extends JApplet
{
Label label1;
List colorList;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
colorList=new List();
colorList.add("red");
colorList.add("green");
colorList.add("blue");
colorList.select(0);
panel1.add(colorList);
label1=new Label("You selected red");
label1.setForeground(Color.red);
panel1.add(label1);
colorList.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
String selString;
String sel;
int selNum;
if(evt.getStateChange()==ItemEvent.SELECTED)
{
selNum=colorList.getSelectedIndex();
sel=colorList.getItem(selNum);
selString="You selected "+sel;
label1.setText(selString);
switch(selNum)
{
case 0:
label1.setForeground(Color.red);
break;
case 1:
label1.setForeground(Color.green);
break;
case 2:
label1.setForeground(Color.blue);
break;
}
}
}
});
}
}
2.使用javac编译这个程序，然后编辑一个显示这个Java Applet的页面：
3.最后使用appletviewer来运行这个程序，这个程序的输出如下图所示：
图9-9 程序useList的运行结果
当你选择green后，标签将以绿色显示You selected green；而若你选择blue后，标签将以蓝色显示You selected blue。
传授新知
这一节中，我们将碰到一个新的部件---列表框。下面，就对刚才这个程序做一些点评。
1）
colorList=new List();
colorList.add("red");
colorList.add("green");
colorList.add("blue");
colorList.select(0);
panel1.add(colorList);
在这一段程序中，我们定义了一个列表框List：colorList。列表框用来将多个表项列出来，以供用户选择，如下图所示：
图9-10 列表框
首先，我们使用new操作符创建一个colorList，然后调用列表框的add方法，增加可供选择的表项（red、green和blue）。最后，使用select方法，使得缺省选择是red（第0项）。
最后使用容器Panel的add方法将它们装入Panel。
一些提示：
假如要让缺省选择的是blue，则应该使用colorList.select(2)。
为列表框的指定位置上增加项目，可以使用方法：
public synchronized void add(String item,int index)
其中，item是一个字符串，用来存放要显示的标签文本。而index则是添加的位置。列表框的位置是一个从0开始的数，所以，假如用户在位置0处增加项目，那么该项目将增加在列表框的顶部。假如用户试图在-1处或大于列表框中项目数（甚至象例子中，不给出index参数）的位置上增加项目，那么将增加到列表框的末尾。
假如你想删除某一项，则可以使用方法：
public synchronized void remove(int position)
其中position就是你要删除项目的位置。假如你想删除掉所有的项，则可调用方法：
public synchronized void removeAll()
2）
colorList.addItemListener(new ItemListener()
{
public void itemStateChanged(ItemEvent evt)
{
……
}
});
与其它部件一样，可以使用addItemListener方法为其设置一个监测器，当列表框选择项改变时就会激活这个监测器。
3）
if(evt.getStateChange()==ItemEvent.SELECTED)
{
selNum=colorList.getSelectedIndex();
sel=colorList.getItem(selNum);
selString="You selected "+sel;
label1.setText(selString);
在这一段程序中，我们首先调用了列表框的getSelectedIndex ()方法取得你所选择项目的编号。这个项目返回的是一个整型的索引号。
接着，我们再使用这个索引号调用列表框的getItem方法获取该项目的标签文本。
为了让标签中显示的文本更加清楚、易懂，我们在标签文本的前面加上了“You Selected”，然后调用标签label1的setText方法改变标签所显示的文本。
4）
switch(selNum)
{
case 0:
label1.setForeground(Color.red);
break;
case 1:
label1.setForeground(Color.green);
break;
case 2:
label1.setForeground(Color.blue);
break;
}
这是一个多分支结构，它根据所选择的项目编号（前面，我们已经调用getSelectedIndex ()方法取得了项目编号，存放在变量selNum中）来做相应的操作。
1 case 0：假设selNum=0，那么就执行
label1.setForeground(Color.red);
break;
也就是，将标签label1的前景色（字的颜色）设置为红色，然后退出switch-case语句。
2 case 1：假设selNum=1，那么就执行
label1.setForeground(Color.green);
break;
将标签label1的前景色设置为绿色，然后退出switch-case语句。
3 case 2：假设selNum=2，那么就执行
label1.setForeground(Color.blue);
break;
将标签label1的前景色设置为蓝色，然后退出switch-case语句。
文本，将其改为press：按下总次数；否则，让其显示最初的“Press me”。
自测练习
1） 在程序中要构建一个列表框，要使用_________类。
a.Checkbox b.Listbox c.List d.Label
2） 列表框中第一项的项目编号（也称索引）是________。
a.0 b.1 c.-1 d.10
3） 假设有一个列表框listbox1，要在其最后添加一项，应使用________________语句。
a.listbox.add(“The end item”,0) b. listbox.add(“The end item”,10)
c. listbox.add(“The end item”,-1) d. listbox.add(“The end item”, 1)
4） 我们可以使用__________________方法，取得当前选择的项目的索引值。
a. getSelectedIndex() b. getItem() c. getNumber()
5） 编写一段程序，使其运行结果如下图所示：
图9-11 练习903题图
当按下Add按钮，就在列表框上增加一项：No.x（x是顺序号），当按下Remove按钮，就删除最后一项。
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
练习答案
1）c 在Java中，类List实现了列表框。
2）a 从0开始，而不是1。
3）c 要在这后一项添加有三种方法。其一：以-1为位置参数；其二：以大于最大项目索引数的数为位置参数；其三：不带位置参数。因此在此，只有c。
4）a getItem是获得显示的内容。
5）下面，我们给出一个实现的实例。
源程序：lianxi904.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class lianxi904 extends JApplet
{
List listbox1;
JButton buttonAdd,buttonRemove;
int counter=0;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
listbox1=new List();
buttonAdd=new JButton("Add");
buttonRemove=new JButton("Remove");
panel1.add(listbox1);
panel1.add(buttonAdd);
panel1.add(buttonRemove);
buttonAdd.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
listbox1.add("NO."+String.valueOf(counter++));
}
});
buttonRemove.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
listbox1.remove(counter-1);
counter-=1;
}
});
}
}
9.6 使用文本部件
9.6.1 普通文本框
实例说明
1.编辑以下源程序，生成useText.java文件。
源程序：useTextfield.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class useTextfield extends JApplet
{
JButton buttonOK;
JTextField text1;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
buttonOK=new JButton("OK");
text1=new JTextField(20);
panel1.add(text1);
panel1.add(buttonOK);
buttonOK.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
showStatus(text1.getText());
}
});
}
}
2.使用javac编译这个程序，然后编辑一个显示这个Java Applet的页面：
3.最后使用appletviewer来运行这个程序，这个程序的输出如下图所示：
图9-12 程序useTextfield.java的运行结果(1)
正如上图所示，屏幕上出现了一个宽度为20的文本框和一个OK按钮。我们可以在这个文本框内写入字符。我们输入“Haha,I’m writing to Java’s TextField!!”，然后单击OK按钮，这时屏幕变为：
图9-13 程序useTextfield.java的运行结果(2)
也就是，我们按下OK按钮后，在状态栏上出现了我们输入的文本信息。
传授新知
多次阅读Java语言源程序，应该为大家积累了不少经验，我想大家在阅读这个程序的时候，因为不再觉得那么费劲了吧。假如你还是觉得读程序是一件痛苦的事的话，我希望你还是好好反省一下，看前面的章节时是不是走马观花了。
好了，言归正传，我们一起来看一下上面的这个程序。这个程序中的大部分语句，大家应该都耳熟能详了，生疏的只有关于本小节的主人公---文本框TextField的语句了：
1）
JTextField text1;
……
text1=new JTextField(20);
首先，我们定义了一个JTextField类的对象text1，然后使用new操作符来创建这个对象text1（也就是一个文本框）
大家还记得new后面的这个与类名相同的方法称为什么吗？对，构造器。这个类有三种带不同参数的构造器。
A. JTextField(int columns)
第一种构造器，就是我们在本例中调用的那个，它带了一个整型参数columns，这个单词的中文意思是列，也就是说，这个参数指定了我们要创建的TextField的列宽。这里的列宽指长度，而不是可包含的字符数。
那么20，到底是多少宽呢？Java是这样定义的：
能够显示20个小写“m”（当前选择的字体）的宽度。
注重：
得再次强调一下，这里的列宽是一种长度，而不是字符数。你可以试一试，在我们这个程序执行后，再这个文本框中输入小写字母“m”，看一看能够输入多少个。但大家也应该注重到，我们在例子中输入的字符数远不止20个。
B. JTextField(String text)
第二种构造器则带的是一个字符串型参数text，这个字符串将会在程序一执行时就显示在文本框中。
C.JTextField(String text,int columns)
而假如你既想设置默认的字符串，又想设置它的宽度，就可以调用第三种构造器。
注重：
调用JTextField的构造器时，一定要带上参数，否则将会出错。
2）
buttonOK.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
showStatus(text1.getText());
}
});
大家看到这个语句，应该不会感到生疏吧！它为按钮buttonOK增加一个监测器，监测是否按下按钮。假如按下按钮，就执行：showStatus(text1.getText())语句。
这个语句中，有两个新的知识。
其一是：showStatus（String test）方法，它用来在状态栏上显示字符串。
其二是：getText()方法，它是JTextField类的一个成员方法，用来获取文本框内的文本。例如本例中text1.getText()就将获得文本框text1中的文本。也就是我们输入的那些东西。
整个串起来，得到：
当我们按下OK按钮时，程序将获取文本框text1中的文本，然后将它们显示到状态栏上。
用getText()方法可以获取文本框中的文本，相应的，我们可以使用setText()方法设置文本框中的文本。其语法是：
文本框对象.setText(String text)
这样，就将文本框中的文本改成了字符串text。
除此之外，我们还可以使用setHorizontalAlignment方法来设置字符串中文本的对齐方式，具体来说：
setHorizontalAlignment(Swing constants.CENTER) 居中对齐
setHorizontalAlignment(Swing constants.LEFT) 左对齐
setHorizontalAlignment(Swing constants.RIGHT) 右对齐
9.6.2 口令文本框
传授新知
口令文本框（JPassWordField）是一种非凡的文本框，在口令文本框中输入任何字符串都将显示成为“*”，这样就可以不让别人知道你输入的是什么，这种文本框比较适合与密码、口令的输入，所以称之为口令文本框。
为了安全起见，获取口令文本框中的密码（口令）使用的方法与普通文本框不同。它使用方法：getPassword()。
“越麻烦越安全”，所以，Java语言中为你获取口令再添加了一层麻烦（我看来是一种不必要的麻烦），getPassword()方法将返回一个char数组，我们还得将其转换成为字符串。以下就是一个转换的实例：
String passwd=new String(passwdTextField.getPassword())
9.6.3 文本区
实例说明
正如我们看到的一样，普通文本框TextField只能输入一行，假如要提供一个多行的输入界面，那怎么办呢？下面我们就看一下下面这个程序：
源程序：useTextArea.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class useTextarea extends JApplet
{
JButton buttonClear;
JTextArea textarea1;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
buttonClear=new JButton("Clear all");
textarea1=new JTextArea("Enter new text",5,15);
panel1.add(textarea1);
panel1.add(buttonClear);
buttonClear.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
textarea1.setText("");
}
});
}
}
2.使用javac编译这个程序，然后编辑一个显示这个Java Applet的HTML页面，建议高度为100，宽度为300。
3.最后我们再使用appletviewer来运行这个程序，这个程序的输出如下图所示：
图9-14 程序useTextarea.java的运行结果
接着，我们就可以在这个文本区内写多行文本了。大家在按下“Clear all”按钮之前，想一下，会发现什么结果？
传授新知
这个程序中，主要需要说明的只有关于TextArea部件（文本区）的一些语句：
1）
JTextArea textarea1;
……
textarea1=new JTextArea("Enter new text",5,15);
首先，我们定义了一个JTextArea类的对象textarea1，然后使用new操作符来创建这个对象textarea1（也就是一个文本区）。与文本框类似，文本区的构造器也有三种：
A. JTextField(int rows,int columns)
在这个构造器中，有两个整型参数rows（这个单词的中文意思是行）和columns（这个单词的中文意思是列），也就是说，这两参数用来指令文本区的行数，与列宽。
这里的列宽与文本框一样，是一种长度，用能够显示多少个个小写“m”（当前选择的字体）来衡量的宽度。而行数，就很好理解了，就是能够输入的行数。
要注重的是，这里的行数、列数都是只显示出来的框的大小。假如一行中超过了列宽，将会使文本区变得越来越宽，如下图所示：
图9-15 超过了列宽
由于输入的文本超过了文本区原来的宽度，使得文本区变得越来越宽，把按钮都挤到下一行中去了。
注重：
假如把多出来的文本删除掉后，文本区将变成原来的大小。
同样的，假如输入太多行，将引起如下图所示的情况：
图9-16 超过了行数
B. JTextArea(String text)
也可以只带一个字符串型参数text调用构造器方法，这个字符串将会在程序一执行时就显示在文本区中。
C. JTextField(String text ,int rows,int columns)
而假如你既想设置默认的字符串，又想设置它的宽度，就可以调用第三种构造器。在本例中，我们就是调用这个构造器，构建了一个5行，15个“m”宽的文本区，让其一启动就显示一段文本：“Enter new text”。
注重：
同样的，调用JTextArea的构造器时，一定要带上参数，否则将会出错。
2）
buttonClear.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
textarea1.setText("");
}
});
在这一段程序中，我们为按钮buttonClear增加了一个监测器，使得当这个按钮按下时就执行：textarea1.setText(“”)。与文本框TextField一样，文本区TextArea也提供了设置显示文本的方法：setText(String text)。
大家想想，将显示文本设置为“”，意味着什么，对！就是让其什么也不显示，这也就是前面那个问题（大家在按下“Clear all”按钮之前，想一下，会发现什么结果？）的答案。
到现在，我们已经读懂了这个程序，但通过执行程序时，我们发现了一个十分不好的问题，那就是在文本区内不会自动换行。我们并不希望文本区变得越来越宽！
怎么办呢？Java为文本区TextArea提供了一个方法，使得自动换行成为可能：
textarea1.setLineWrap(true)
只需将这条语句加入程序，就会使得我们编辑到右边时会自动换行。假如我们要恢复成不自动换行，就调用：
textarea1.setLineWrap(false)
自测练习
1） 部件____________适合于提供密码输入界面。
a. JTextArea b.JTextField c.JPasswordField
2） 在文本区中________输入超过程序中定义的行数。
a.能 b.不能
3） 我们可以使用______________来清除文本框text1中的文本。
a.text1.clearText() b.text1.setText(“”)
c.text1.deleteText() d.以上都可以
4） 假如我们调用____________来获得口令文本框passwd1中的文本。
a.passwd1.getText() b.passwd1.getPassword()
5） 在程序中_______________，就能够防止因为在一行中输入过多的文本，而使文本区textarea1变宽。
a.不需要做任何考虑 b.textarea1.setLineWrap(true)
c.textarea1.setLineWrap(false) d.textarea1.noWrap()
6） 假如我们使用textfield1=new JTextField(“TEST”)来创建一个文本框，那么这个文本框的宽度有多大？
____________________________________________________________________
7） 请在程序useTextarea.java中加入textarea1.setLineWrap(true)，然后再执行这个程序，发现一下，还存在什么样的问题。
____________________________________________________________________
____________________________________________________________________
8） 根据以下要求，编写程序
设置两个文本框，一个用来输入UserName，另一个用来输入Password；再设置一个按钮OK和一个文本区。
假如我们按下OK按钮，则右边的文本区中就会显示：
UserName:用户名
Password:密码
其中用户名、密码就是用户输入的内容，假如没有输入则不显示。程序输出如下图所示：
图9-17 程序lianxi905.java的输出
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
练习答案
1）c 由于输入密码的地方，应该不能明文显示，否则轻易被边上的人从偷看到，我们可以借助Java中提供的口令文本框PasswordField来实现。这样，你输入的内容就变成了星号，不怕被人偷看到了。
2）a 能，而且会使得文本区的行数增加。
3）b 一个文本框并不存在cleatText（）方法，也没有提供delete（）方法，但我们可以通过调用setText(“”)来实现，这是因为，我们让它显示的文本变成了“”。也就空文本，这难道不是清除所有文本吗？
4）b 口令文本框要使用非凡的方法getPassword（）来获得口令文本。
5）b 通过使文本区自动换行，就可以有效地避免这个问题。
6）这个文本框的宽度就是字符串“TEST”的大小。如下图所示：
图9-18 练习答案参考图（1）
7）还存在一个问题，那就是这个程序十分愚笨，它虽然会自动换行，但是却常把一个单词分在两行里，如下图所示：
图9-19 练习答案参考图（2）
一些提示：
其实文本区部件还提供了一个方法来解决这个问题，那就是：
public void setWrapStyleWord(boolean word)
假如在程序中，加入textarea1.setWrapStyleWord(true)，那么程序输入则是：
图9-20 练习答案参考图（3）
怎么样，效果是不是更好了！
8） 请参考以下实现实例：
源程序：lianxi905.java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class lianxi905 extends JApplet
{
Label label1,label2;
JTextField username;
JPasswordField passwd;
JButton buttonOK;
JTextArea showResult;
String out;
public void init()
{
JPanel panel1=(JPanel)getContentPane();
panel1.setLayout(new FlowLayout());
label1=new Label("Please input your name:");
username=new JTextField(15);
label2=new Label("Please input your password:");
passwd=new JPasswordField(15);
buttonOK=new JButton("OK");
showResult=new JTextArea(2,15);
panel1.add(label1);
panel1.add(username);
panel1.add(label2);
panel1.add(passwd);
panel1.add(buttonOK);
panel1.add(showResult);
buttonOK.addActionListener(new ActionListener()
{
public void actionPerformed(ActionEvent evt)
{
out="Username: "+username.getText()+" ";
out=out+"Password: "+new String(passwd.getPassword());
showResult.setText(out);
}
});
}
}
请大家注重到，我们是如何生成在文本区showResult显示的文本信息（存放在字符串变量out中）的：
out="Username: "+username.getText()+" ";
out=out+"Password: "+new String(passwd.getPassword());
先让out等于“Username：”+username.getText()，这就使其包含了提示字符“Username：”，而后面的内容是另一部分的，所以我们在这个后面加上了“ ”，这是一个转义符，代表回车（也就是另起一行）。
然后再将其加上提示字符“Password：”，最后是调用了getPassword()方法，然后将其转换为字符串型。
