Java GUI(图形用户界面)

时间:2023-01-28 08:03:43
通过本章的学习,读者应能知道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


<html><body>
<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.setToolT ip Text(“Hello,I am a Java Label!”);
panel1.add(label1);
}
}



  2.使用javac编译这个程序。

  3.编辑一个显示这个Java Applet的页面:

  源程序:useLabel.html


<html><body>
<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  PR ess 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


<html><body>
<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 口令文本框

  传授新知

  口令文本框(JPass Word Field)是一种非凡的文本框,在口令文本框中输入任何字符串都将显示成为“*”,这样就可以不让别人知道你输入的是什么,这种文本框比较适合与密码、口令的输入,所以称之为口令文本框。

  为了安全起见,获取口令文本框中的密码(口令)使用的方法与普通文本框不同。它使用方法: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()方法,然后将其转换为字符串型。