图形用户界面

实验六图形用户界面

一．实验目的：

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

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

1）掌握在Applet 容器中添加组件的方法，掌握使用布局管理器对组件进行管理的方法。2）理解Java 的事件处理机制，掌握为不同组件编写事件处理程序的方法。

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

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

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

三．实验内容

3.1 创建图形用户界面

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

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

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

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

import java.awt.*;

import java.applet.Applet;

public class LX6_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）编译程序LX6_1.java。

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

2．在面板中添加组件

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

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

import java.awt.*;

import java.awt.Color;

import java.applet.Applet;

public class LX6_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）编译程序LX6_2.java。

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