实验六 图形用户界面

实验六图形用户界面

【开发语言及实现平台或实验环境】

Windows2000 或XP，JDK1.6

【实验目的】

1.了解图形用户界面基本组件窗口、按钮、文本框、选择框、滚动条等的使用方法，

2.了解如何使用布局管理器对组件进行管理，以及如何使用Java 的事件处理机制。【实验要求】

1. 掌握在Applet 容器中添加组件的方法，掌握使用布局管理器对组件进行管理的方

法。

2. 理解Java 的事件处理机制，掌握为不同组件编写事件处理程序的方法。

3. 掌握编写独立运行的窗口界面的方法。

4. 了解Java Swing 组件的使用方法。

5. 了解对话框的使用方法。

【实验内容】

一．创建图形用户界面

图形用户界面（Graphic User Interface ，简称GUI）是为方便用户使用设计的窗口界面，在图形用户界面中用户可以看到什么就操作什么，取代了在字符方式下知道是什么后才能操作什么的方式。组件（Component）是构成GUI 的基本要素，通过对不同事件的响应来完成和用户的交互或组件之间的交互。组件一般作为一个对象放置在容器（Container）内，容器是能容纳和排列组件的对象，如Applet、Panel（面板）、Frame（窗口）等。通过容器的add 方法把组件加入到容器中。

1．在Applet 中添加标签、按钮并使用网格布局

（1）程序功能：在Applet 容器中添加组件标签、按钮，并使用网格布局管理器排列组件在容器中的位置。

（2）编写LX5_1.java 程序文件，源代码如下。

import java.awt.*;

import java.applet.Applet;

public class LX5_1 extends Applet {

Label l1;

Button b1, b2, b3, b4, b5, b6;

public void init() {

setLayout(new GridLayout(3,3)); // 设置网格布局（3 行3 列共9 个网格）

l1=new Label("标签1");

b1 = new Button("按钮1");

b2 = new Button("按钮2");

b3 = new Button("按钮3");

b4 = new Button("按钮4");

add(l1);

add(b1);

add(b2);

add(b3);

add(new Label());

add(b4);

add(new Button("按钮5"));

add( new Button("按钮6"));

add(new Label("标签2"));

}

}

（3）编译程序LX5_1.java。

（4）编写显示Applet 的页面文件LX5_1.html，在浏览器显示结果如图6.1 所示。

2．在面板中添加组件

（1）程序功能：在Applet 中添加面板容器，并分别在Applet、面板容器中添加组件并使用不同的布局管理方式。

（2）编写LX5_2.java 程序文件，源代码如下。

import java.awt.*;

import java.awt.Color;

import java.applet.Applet;

public class LX5_2 extends Applet {

public void init() {

//设置最底层的 Applet 容器为顺序布局

setFont(new Font("Arial",Font.PLAIN,20));

Label l=new Label("这是最底层的 Applet 容器中的标签",Label.CENTER);

add(l);

Panel panel1=new Panel();

add( panel1);

panel1.setBackground(Color.blue);

panel1.setForeground(Color.red);

panel1.setLayout(new BorderLayout());//设置边界布局

panel1.add("North", new Button("北"));

panel1.add("South", new Button("南"));

panel1.add("East", new Button("东"));

panel1.add("West", new Button("西"));

panel1.add("Center", new Label("这是在 Panel1 面板中部添加的标签"));

Panel panel2=new Panel();

add( panel2);

panel2.setLayout(new GridLayout(3,1)); //设置网格布局

Choice c=new Choice ();//创建下拉式列表

c.addItem("北京");

c.addItem("上海");

c.addItem("天津");

Label l1=new Label("这是在 Panel2 面板中的标签");

Button b1=new Button("Panel2 中的按钮");

panel2.setBackground(Color.green);

panel2.add(l1);

panel2.add(b1);

panel2.add(c);

}

}

（3）编译程序LX5_2.java。

（4）编写显示Applet 的页面文件LX5_2.html，在浏览器显示结果如图6.2 所示。

二．了解事件处理机制