Java入门(9) JAVA与GUI 作者:未知 文章来源:www.jspcn.net 访问次数: 次 加入时间:2005-01-19
摘要 通过本章的学习,读者应能知道GUI(图形用户界面)的概念,并且能够使用Java语言来构建一个令人赏心悦目的GUI界面,使你的程序更具有感召力。掌握标签、按钮、文本框、选择框、滚动条……等等各种GUI部件的使用方法。 (2002-09-06 14:15:06) -------------------------------------------------------------------------------- By Wing, 出处:fjxufeng 本章目标: 通过本章的学习,读者应能知道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 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 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 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()方法,然后将其转换为字符串型。
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/9650775/viewspace-923915/,如需转载,请注明出处,否则将追究法律责任。
<%if(items[i].items.items.length) { %>
<%}%> <%}%>
转载于:http://blog.itpub.net/9650775/viewspace-923915/