Assignment-5.doc

实验七 图形用户界面的设计一、实验目的1.掌握图形用户界面的设计；2.掌握按钮、标签属性的设置；3.掌握文本输入框对象的定义及对其属性的设置；4.熟悉事件监听器的使用；5.掌握布局管理器的使用。二、准备工作1.在个人应用目录下创建项目目录Exercise7；2.预习表7-1中所列的类和消息；更多的类和消息请查阅网站；表7-1 实验中要使用的类和消息类消息形式参数注释ActionEventgetActionCommand 取得该按钮触发事件的命令名称。如果命令名称为空，则返回按钮的标签。AppletaddComponent将部件项目添加到applet容器里Appletvalidate使得该容器和容器内所有的子部件生效。ButtonButtonString构造方法,定义一个有标签的按钮对象ButtonsetBackgroundColor设置当前部件的背景色ButtonaddActionListenerActionListener接受ActionEvent事件的接口ButtonsetFontFont查看 Component类 设置部件的字体FontFontString, int, int构造方法，定义字体对象LabelLabelString构造方法，定义标签对象LabelgetBackground 取得标签的背景色LabelgetFont 取得标签的字体LabelsetBackgroundColor设置标签的背景色LabelsetFontFont给标签设置与指定属性集对应的字体LabelsetTextString设置标签的文本StringequalsObject比较两个对象是否相等TextFieldTextFieldint构造方法，定义单行文本输入框 TextFieldgetText 返回文本部件所包含的字符串表7-2 实验中要用到的静态变量：Font lfont=new Font(“隶书”，Font.BOLD+Font.ITALIC，20);类变量注释Colorred红色Colorblue蓝色FontBOLD粗体FontPLAIN普通体三、实验内容1.Button类的使用创建小应用程序Exercise7a.java ，该applet容器中要包含2个按钮。一个按钮上的标识符要为 “Red”，另一个为“Blue”，要求将按钮的颜色设置为相应标识符的颜色。结果如图7-1所示。图7-1 按钮提示：（1）Color类中有许多公共静态变量：blue, red等, 要使用Color类的静态变量blue,red来设置颜色。 （2）要在applet的init()方法中添加按钮和其他任何窗口部件，不要在paint(Graphics)方法中添加。2.Button类、Label类及事件监听器的使用创建小应用程序Exercise7b.java 。该应用程序包含在Exercise7a中定义的2个按钮，外加一个上面标有“Java Rules”的标签。当按“Red”按钮时，标签字符串的背景色应变为红色，按“Blue”按钮时，标签字符串的背景色应变为蓝色。结果如图7-2所示。图7-2 按钮及标签注意事项:（1）不要忘记要用public class Exercise 7b extends Applet implements ActionListener来定义Exercise7b.java；（2）你必须在你程序的开始引入事件触发类 ：import java.awt.event.*;（3）以下实例代码，说明如何让按钮具有一些行为动作。ActionListener事件监听器的实例代码此例说明：程序如何响应一个被点击的按钮 ，并触发一定的行为。为使按钮能监听并按你的愿望去响应点击事件，你必须记住以下四个步骤: （1）你的代码中必须包含 import java.awt.event.*;语句。该import语句引入了，允许按钮响应点击事件所需要的接口和类：例如 ActionListener 和ActionEvent；（2）在类定义语句之后用代码 implements ActionListener。 该代码说明你必须在该接口中实现方法actionPerformed； （3）给要监听点击事件的按钮发送消息 addActionListener。 该消息的参数为 this，this指当前执行的对象你的Applet。按钮知道它们什么时候已经被点击，并且将消息actionPerformed发送给addActionListener的参数（你的Applet）。因此，系统将会去调用你的Applet中的方法actionPerformed；（4）定义当一个按钮被点击时，要执行的方法actionPerformed，参数ActionEvent用于通知哪一个按钮被点击。想知道有关actionPerformed的更多细节，请看下列程序： import java.awt.*;import java.applet.*;import java.awt.event.*;/* 该类演示了如何去响应按钮的点击事件；*以及如何设置事件监听器。该类的功能为：当点击按钮时*applet的颜色会变成红色。 */public class Example extends Applet implements ActionListener private static final String RED = Red;/* 定义一个按钮，告诉this(Example Applet)去监听按钮的*点击事件，然后把按钮添加给this（Example Applet）。 */ public void init() /注意，按钮可以不必为实例变量 Button changeColour = new Button(Example.RED); changeColour.addActionListener(this); this.add(changeColour); /* 如果点击了标有字符串Red的按钮，那么applet的*背景色将变成红色。 */ public void actionPerformed(ActionEvent event) String whichButton = event.getActionCommand(); if (whichButton.equals(Example.RED) this.setBackground(Color.red); 这里有用Swing实现的，和以上实例相同的例子。ActionListener事件监听器的实例代码此例说明：程序如何响应一个被点击的按钮 ，并触发一定的行为。为使按钮能监听并按你的愿望去响应点击事件，你必须记住以下四个步骤: （1） 你的代码中必须包含 import java.awt.event.*;语句。该import语句引入了允许按钮响应点击事件所需要的类：例如 ActionListener 和ActionEvent；（2） 在类定义语句之后用代码 implements ActionListener。 该代码说明你必须在该类中实现方法actionPerformed； （3） 给要监听点击事件的按钮，发送消息 addActionListener。 该消息的参数为 this，this指当前执行的对象你的Applet。按钮知道它们什么时候已经被点击，并且将消息actionPerformed发送给addActionListener的参数（你的Applet）。因此，系统将会去调用你的Applet中的方法actionPerformed；（4）定义当一个按钮被点击时要执行的方法actionPerformed，参数ActionEvent用于通知哪一个按钮被点击。想知道有关actionPerformed的更多细节，请看下列程序：注意，以下代码中增加了import语句： import javax.swing.*; 该语句允许你使用Swing类的部件。import javax.swing.*;import java.awt.*;import java.awt.event.*;/* 该类演示了如何去响应按钮的点击事件；*以及如何设置事件监听器。该类的功能为：当点击按钮时*applet的颜色会变成红色。 */public class Example extends JApplet implements ActionListener private static final String RED = Red;private Container container;/* 定义一个按钮JButton，告诉this(Example JApplet)去监*听按钮的点击事件,然后把按钮添加给this（Example *JApplet）。*/ public void init() /注意，按钮可以不必为实例变量 JButton changeColour = new JButton(Example.RED); changeColour.addActionListener(this);this.container = this.getContentPane(); this.container.setLayout(new FlowLayout(FlowLayout.CENTER);this.container.add(changeColour); /* 如果点击了标有字符串Red的按钮，那么applet的*背景色将变成红色。 */ public void actionPerformed(ActionEvent event) String whichButton = event.getActionCommand(); if (whichButton.equals(Example.RED) this.container.setBackground(Color.red); 3. FlowLayout布局管理器的使用创建小应用程序Exercise7c.java ，该应用程序要求定义：（1）一个标有字符串“Color”的标签和两个颜色按钮，Red和Blue。“Color”标签的背景色会响应所按颜色按钮的颜色。（2）一个标有字符串“Style”标签和两个字体按钮，Bold和Plain。“Style”标签的字体会响应所按字体按钮的字体。（3）一个文本输入框，一个OK按钮和一个标签。从文本框输入的字符串会显示在标签处，要求该标签的背景颜色为“ Color”标签的背景色，字体为“Style”标签的字体。运行结果如图7-3所示。提示:（1）为确保你的标签有足够的空间容纳新输入的文本，在你标签中的文本发生变化后，请 给你的applet发送消息validate()。 图7-3 按钮、标签和文本框4. FlowLayout 及GridLayout布局管理器的使用使用布局管理器 FlowLayout 或GridLayout，实现小应用程序E