java 创建用户界面_建立图形用户界面 JAVA实验

实验 7 建立图形用户界面

一、实验目的

了解图形用户界面基本组件窗口、按钮、文本框、选择框、滚动条等的使用方法，了解如何使用布局管理器对组件进行管理，以及如何使用 Java 的事件处理机制。

二、实验要求

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

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

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

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

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

三、实验内容

(一)创建图形用户界面

图形用户界面(Graphic User Interface ，简称GUI)是为方便用户使用设计的窗口界面，在图

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

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

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

¨ 编写KY7_1.java 程序文件，源代码如下。

import java.awt.*;

import java.applet.Applet;

public class KY6_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"));

}

}

¨ 编译程序KY7_1.java。

¨ 编写显示Applet 的页面文件KY7_1.html

2. 在面板中添加组件

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

¨ 编写KY7_2.java 程序文件，源代码如下。

import java.awt.*;

import java.awt.Color;

import java.applet.Applet;

public class KY6_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);

100

panel2.add(b1);

panel2.add(c);

}

}

¨ 编译程序KY7_2.java。

¨ 编写显示Applet 的页面文件KY7_2.html

(二)了解事件处理机制

在图形用户界面中，程序和用户的交互是通过组件响应各种事件来实现的。例如，用户单击了一个按钮，意味着发生了按钮的单击事件；选中下拉框中的一个选项，意味着发生了一个选项事件。在Java 中能产生事件的组件叫做事件源，如按钮。如果希望对单击按钮事件进行处理，可给事件源(按钮)注册一个事件监听器(如包含按钮的容器)，如同签订了一个委托合同，当事件源发生事件时，事件监听器就代替事件源对发生的事件进行处理，这就是所谓的委托事件处理机制。

1． 单击按钮的事件处理程序

¨ 程序功能：使用手工布局设置组件标签、按钮的位置，为按钮编写单击事件处理方法。当用户用鼠标单击按钮时，会听到一声响声。

¨ 编写KY7_3.java 程序文件，源代码如下。

import java.awt.*;

import java.awt.event.*;

import java.applet.Applet;

public class KY6_3 extends Applet implements ActionListener { // 实现动作事件监听

接口

public void init() {

setLayout(null);//关闭默认的顺序管理布局

Label l=new Label("按一下按钮可听到响声！", Label.CENTER);

add(l);

l.setBounds(40,10,150,30);

Button b=new Button("按钮");

add(b);

b.setBounds(60,50,60,40);

b.addActionListener (this); // 注册事件源的动作监听者

}

public void actionPerformed(ActionEvent e) {//实现单击事件接口的方法

Toolkit.getDefaultToolkit ().beep(); //单击事件发生时作出的反应

}

}

¨ 编译程序KY7_2.java

¨ 编写显示Applet 的页面文件KY7_3.html

2． 选择复选框和单选框按钮的事件处理程序

¨ 程序功能：在Applte 上创建复选框、单选框、文本区域、单行文本框等组件，并实现根据用户输入的10 进制数，选择不同选项可转换为2、8、16 进制数。

¨ 编写KY7_4.java 程序文件，源代码如下。

import java.applet.Applet;

import java.awt.*;

import java.awt.event.*;

public class KY6_4 extends Applet implements ItemListener {

TextArea area=new TextArea(6,30);//创建文本区

String Item[]={"2 进制","8 进制","16 进制","10 进制"};

Checkbox cb[]=new Checkbox[5];

Checkbox radio[]=new Checkbox[5];

Label l=new Label("输入10 进制数");

TextField TF=new TextField(6);//创建单行文本框

public void init() {

add(l);add(TF);

add(area);

add(new Label(" 请选择进制："));

for(int i=0; i<4; i++) {

cb[i]=new Checkbox(Item[i]);

add(cb[i]);

cb[i].addItemListener(this);

}

CheckboxGroup cbGroup=new CheckboxGroup();//创建单选框

add(new Label("请选择进制："));

for(int i=0; i<4; i++) {

radio[i]=new Checkbox(Item[i],cbGroup,false);

add(radio[i]);

radio[i].addItemListener(this);

}

}

public void itemStateChanged(ItemEvent e) {

int x=Integer.parseInt(TF.getText());

if (e.getItem ()=="2 进制")

area.append ("你选择的是"+e.getItem ()+ Integer.toBinaryString(x)+"\n");

if (e.getItem ()=="8 进制")

area.append ("你选择的是"+e.getItem ()+ Integer.toOctalString(x)+"\n");

if (e.getItem ()=="16 进制")

area.append ("你选择的是"+e.getItem ()+Integer.toHexString(x)+"\n");

if (e.getItem ()=="10 进制")

area.append ("你选择的是"+e.getItem ()+x+"\n");

}

}

¨ 编译程序KY7_4.java。

¨ 编写显示Applet 的页面文件KY7_4.html

(三)建立独立运行的窗口界面并使用匿名类

最常使用的包含组件的容器是窗口，在Java 中窗口由Frame 类生成。

1． 创建一个窗口界面

¨ 程序功能：创建一个具有关闭功能的空白窗口。

¨ 编写KY7_5_W.java 程序文件，源代码如下。

import java.awt.*;

import java.awt.event.*;

public class KY7_5_W {

public static void main(String[] args) {

new KY7_5_W();

}

KY7_5_W(){

Frame f=new Frame("初始窗口");//创建窗口对象

f.setSize(350,200);//设置窗口大小

f.setVisible(true);//设置窗口是可视的

f.addWindowListener(new WindowAdapter() {//为窗口添加窗口事件适配器

public void windowClosing(WindowEvent e) {//关闭窗口事件的方法

System.exit(0);

}

};

}

}

¨ 编译并运行程序

2． 在窗口中添加组件

¨ 程序功能：在窗口中添加组件。

¨ 编写KY7_6.java 程序文件，源代码如下。

import java.awt.*;

import java.awt.event.*;

public class KY7_6 extends Frame implements ActionListener {

Button btn1, btn2;

TextField f,tf1,tf2;

TextArea Area;

KY7_6() {

super("添加组件的窗口");

addWindowListener(new WindowAdapter() {

public void windowClosing(WindowEvent e) {

System.exit(0);

}

});

setSize(350,250); //设置窗口大小

setLocation(200,200);//设置窗口显示位置

setFont(new Font("Arial",Font.PLAIN,12)); //设置字体

setLayout(new FlowLayout());

Area=new TextArea (6,40);

tf1=new TextField(10); tf2=new TextField(10);

btn1=new Button("显示"); btn2=new Button("退出");

f=new TextField(20);

add(Area); add(new Label("用户名"));

add(tf1); add(new Label("电话"));

add(tf2); add(f); add(btn1); add(btn2);

tf1.addActionListener(this); tf2.addActionListener(this);

btn1.addActionListener(this); btn2.addActionListener(this);

show();

}

public static void main(String args[]) {

new KY7_6();

}

public void actionPerformed(ActionEvent e) {

if (e.getSource()==btn1)

f.setText("你按下了“" + e.getActionCommand() + "”按钮");

if (e.getSource()==tf1)

Area.append("用户名："+tf1.getText()+"\n");

if (e.getSource()==tf2)

Area.append("电 话："+tf2.getText()+"\n");

if (e.getSource()==btn2) {

for (int i=0; i<100000000; i++);

dispose();//只关闭当前窗口,注销该对象

}

}

}

¨ 编译并运行程序

3． 为窗口添加菜单

¨ 程序功能：在窗口中添加菜单栏，在菜单栏添加菜单项，并添加下拉菜单和2 级菜单，通过选择菜单项可以执行不同操作，如“打开”可打开KY6_6 类生成的窗口。

¨ 编写KY7_7.java 程序文件，源代码如下。

import java.awt.*;

import java.awt.event.*;

public class KY7_7 extends Frame implements ActionListener {

Panel p=new Panel();

Button b=new Button("退出");

MenuBar mb=new MenuBar(); // 以下生成菜单组件对象

Menu m1=new Menu("文件");

MenuItem open=new MenuItem("打开");

MenuItem close=new MenuItem("关闭");

MenuItem exit=new MenuItem("退出");

Menu m12=new Menu("编辑");

MenuItem copy=new MenuItem("复制");

MenuItem cut=new MenuItem("剪切");

MenuItem paste=new MenuItem("粘贴");

Menu m2=new Menu("帮助");

MenuItem content=new MenuItem("目录");

MenuItem index=new MenuItem("索引");

MenuItem about=new MenuItem("关于");

KY7_7() {

super("添加菜单的窗口");

setSize(350,200);

add("South",p);

p.add(b);

b.addActionListener(this);

m1.add(open); // 将菜单项加入到菜单m1 中

m1.add(close);

m1.addSeparator(); //在菜单中添加分隔条

m1.add(exit);

open.addActionListener(this); //给菜单项open 注册事件监听器

exit.addActionListener(this);

mb.add(m1); // 将菜单m1 加入到菜单栏mb 中

m12.add(copy); m12.add(cut); m12.add(paste);

m1.add(m12);//将m12 作为2 级菜单添加到m1 菜单项中

m2.add(content); m2.add(index); m2.addSeparator(); m2.add(about);

mb.add(m2);

setMenuBar(mb); // 设置菜单栏为mb

show();// 显示组件

}

public static void main(String args[]) {

new KY7_7();

}

public void actionPerformed(ActionEvent e) {

if (e.getActionCommand()=="退出")

System.exit(0);

if (e.getActionCommand()=="打开")

new KY7_6();

}

}

¨ 编译并运行程序

(四)使用 Swing 组件

在Java 中，能够实现图形用户界面的类库有两个：java.awt 和javax.swing。前者称为抽象窗口工具库AWT(Abstract Windows Toolkit)，后者是Java 基础类库JFC(Java Foundation Classes)

的一个组成部分，它提供了一套功能更强、数量更多、更美观的图形用户界面组件。Swing 组件名称和AWT 组件名称基本相同，但以J 开头，例如AWT 按钮类的名称是Button，在Swing 中的名称则是JButton。

1． 在 JApplet 中添加 Swing 组件

¨ 程序功能：在 JApplet 中添加 3 个带有图片的按钮和一个带有图片的标签。

¨ 准备图片文件：在当前目录下建立一个 image 文件夹，存放 4 个图片文件，例如

¨ PreviousArrow.gif。

¨ 编写 KY7_8.java 程序文件，源代码如下。

import javax.swing.*;

import java.awt.*;

import java.awt.Color;

public class KY7_8 extends JApplet {

Container pane;

JPanel panel1,panel2;

JButton button1,button2,button3;

JLabel label;

public void init() {

pane=getContentPane();

panel1=new JPanel(new FlowLayout());

panel2=new JPanel(new FlowLayout());

ImageIcon icon = new ImageIcon("image/PreviousArrow.gif"," ");

button1=new JButton(icon);

button2=new JButton(new ImageIcon("image/go.GIF"));

button3=new JButton(new ImageIcon("image/NextArrow.gif"));

label=new JLabel("图像标签",

new ImageIcon("image/Candl02.gif"),SwingConstants.CENTER);

pane.setBackground(new Color(255,255,200));

panel1.setBackground(new Color(255,255,104));

panel2.setBackground(new Color(255,255,214));

button1.setToolTipText("向上翻页按钮");

button2.setToolTipText("跳转按钮");

button3.setToolTipText("向下翻页按钮");

pane.add("North",panel1);

pane.add(panel2,BorderLayout.SOUTH);

panel1.add(button1);

panel1.add(button2);

panel1.add(button3);

panel2.add(label);

}

}

¨ 编译 KY7_8.java。

¨ 编写显示 KY7_8.class 的页面文件。

¨ 使用 appletviewer 查看程序结果

2． 在JFrame 窗口中添加组件

¨ 程序功能：创建JFrame 窗口，并在其中添加工具栏。

¨ 准备图片文件： 在当前目录下建立一个image 文件夹， 存放3 个图片文件， 例如

¨ PreviousArrow.gif。

¨ 编写KY7_9.java 程序文件，源代码如下。

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

public class KY7_9 extends JFrame implements ActionListener {

JButton button1,button2,button3;

JToolBar toolBar;

JTextArea textArea;

JScrollPane scrollPane;

JPanel panel;

public static void main(String[] args) {

new KY7_9();

}

public KY7_9() {

super("带有工具栏按钮的窗口");

addWindowListener(new WindowAdapter() {

public void windowClosing(WindowEvent e) {

System.exit(0);

}

});

button1=new JButton(new ImageIcon("image/PreviousArrow.gif"));

button2=new JButton(new ImageIcon("image/go.GIF"));

button3=new JButton(new ImageIcon("image/NextArrow.gif"));

button1.addActionListener(this);

button2.addActionListener(this);

button3.addActionListener(this);

toolBar=new JToolBar();

toolBar.add(button1);

toolBar.add(button2);

toolBar.add(button3);

textArea=new JTextArea(6,30);

scrollPane=new JScrollPane(textArea);

panel=new JPanel();

setContentPane(panel);

panel.setLayout(new BorderLayout());

panel.setPreferredSize(new Dimension(300,150));

panel.add(toolBar,BorderLayout.NORTH);

panel.add(scrollPane,BorderLayout.CENTER);

pack();

show();

}

public void actionPerformed(ActionEvent e) {

String s="";

if (e.getSource()==button1)

s="左按钮被单击\n";

else if (e.getSource()==button2)

s="中按钮被单击\n";

else if (e.getSource()==button3)

s="右按钮被单击\n";

textArea.append(s);

}

}

¨ 编译KY7_9.java。

¨ 运行KY7_9.class

(五)使用自定义对话框与内部类

对话框是GUI 中很常见的窗口对象，有着广泛的应用。对话框和普通窗口最大的不同就是对话框是依附在某个窗口上，一旦它所依附的窗口关闭了，对话框也要随着关闭。Java 提供了Dialog 类用于制作自定义对话框，当需要改变一些数据或需要一个提示窗口时可使用自定义对话框。

¨ 程序功能：创建一个带有文本区及“对话框”按钮的父窗口，单击“对话框”按钮可打开一个自定义对话框，从中可以定义行和列的数值，关闭对话框其设置的设置会显示在父窗口的文本区中。

¨ 编写KY7_10.java 程序文件，源代码如下。

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

public class KY6_10 extends JFrame implements ActionListener {

int row=10, col=40;

JPanel p1=new JPanel(), p2=new JPanel();

JTextArea ta=new JTextArea("文本区行数:"+row+" 列数:"+col, row, col);

JScrollPane scrollPane=new JScrollPane(ta);

Button exit=new Button("关闭");

Button dialog=new Button("对话框");

JPanel panel=new JPanel();

KY7_10() {

setContentPane(panel);

setTitle("带有对话框的父窗口");

panel.setPreferredSize(new Dimension(500,200));

panel.setLayout(new BorderLayout());

panel.add("Center", p1); panel.add("South", p2);

p1.add(scrollPane);

p2.add(exit); p2.add(dialog);

exit.addActionListener(this);

dialog.addActionListener(this);

pack();

show();

//setVisible(true);

}

public static void main(String args[]) {

new KY7_10();

}

public void actionPerformed(ActionEvent e) {

if (e.getSource()==exit)

System.exit(0);

else {

MyDialog dlg=new MyDialog(this, true);

dlg.show();

}

}

class MyDialog extends Dialog implements ActionListener {

Label label1=new Label("请输入行数");

Label label2=new Label("请输入列数");

TextField rows=new TextField(50);

TextField columns=new TextField(50);

Button OK=new Button("确定");

Button Cancel=new Button("取消");

MyDialog(KY7_10 parent, boolean modal) {

super(parent,modal);

setTitle("自定义对话框");

setSize(260,140);

setResizable(false);

setLayout(null);

add(label1);

add(label2);

label1.setBounds(50,30,65,20);

label2.setBounds(50,60,65,20);

add(rows);

add(columns);

rows.setText(Integer.toString(ta.getRows()));

columns.setText(Integer.toString(ta.getColumns()));

rows.setBounds(120,30,90,20);

columns.setBounds(120,60,90,20);

add(OK);

add(Cancel);

OK.setBounds(60,100,60,25);

Cancel.setBounds(140,100,60,25);

OK.addActionListener(this);

Cancel.addActionListener(this);

}

public void actionPerformed(ActionEvent e) {

if(e.getSource()==OK) {

int row=Integer.parseInt(rows.getText());

int col=Integer.parseInt(columns.getText());

ta.setRows(row);

ta.setColumns(col);

ta.setText("文本区行数:"+row+" 列数:"+col);

show();

}

dispose();

}

}

}

¨ 编译并运行程序