JAVA图形用户界面实验教程

西安邮电大学（计算机学院）课内实验报告实验名称：图形用户界面专业名称：计算机科学与技术班级：计科1405班学生姓名：高宏伟学号：04141152指导教师：刘霞林实验日期：2016.11.24一、实验目的了解图形用户界面基本组件窗口、按钮、文本框、选择框、滚动条等的使用方法，了解如何使用布局管理器对组件进行管理，以及如何使用Java 的事件处理机制。

二、实验要求1. 掌握使用布局管理器对组件进行管理的方法。

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

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

4. 掌握组件的使用方法。

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

三、实验内容（一）算术测试。

✧实验要求：编写一个算术测试小软件，用来训练小学生的算术能力。

程序由3个类组成，其中Teacher类对象负责给出算术题目，并判断回答者的答案是否正确；ComputerFrame类对象负责为算术题目提供视图，比如用户可以通过ComputerFrame类对象提供的GUI界面看到题目，并通过该GUI界面给出题目的答案；MainClass是软件的主类。

✧程序模板：Teacher.javapublic class Teacher{ int numberOne,numberTwo;String operator="";boolean right;public int giveNumberOne(int n){ numberOne=(int)(Math.random()*n)+1;return numberOne;}public int giveNumberT wo(int n){ numberTwo=(int)(Math.random()*n)+1;return numberTwo;}public String giveOperator(){ double d=Math.random();if(d>=0.5)operator="+";elseoperator="-";return operator;}public boolean getRight(int answer){ if(operator.equals("+")){ if(answer==numberOne+numberTwo)right=true;elseright=false;}else if(operator.equals("-")){ if(answer==numberOne-numberTwo)right=true;elseright=false;}return right;}}ComputerFrame.javaimport java.awt.*;import java.awt.event.*;public class ComputerFrame extends Frame implements ActionListener { TextField textOne,textTwo,textResult;Button getProblem,giveAnwser;Label operatorLabel,message;Teacher teacher;ComputerFrame(String s){ super(s);teacher=new Teacher();setLayout(new FlowLayout());textOne=【代码1】 //创建textOne,其可见字符长是10textTwo=【代码2】 //创建textTwo,其可见字符长是10textResult=【代码3】 //创建textResult,其可见字符长是10operatorLabel=new Label("+");message=new Label("你还没有回答呢");getProblem=new Button("获取题目");giveAnwser=new Button("确认答案");add(getProblem);add(textOne);add(operatorLabel);add(textTwo);add(new Label("="));add(textResult);add(giveAnwser);add(message);textResult.requestFocus();textOne.setEditable(false);textTwo.setEditable(false);【代码4】//将当前窗口注册为getProblem的ActionEvent事件监视器【代码5】//将当前窗口注册为giveAnwser的ActionEvent事件监视器【代码6】//将当前窗口注册为textResult的ActionEvent事件监视器 setBounds(100,100,450,100);setVisible(true);validate();addWindowListener(new WindowAdapter(){ public void windowClosing(WindowEvent e) { System.exit(0);}});}public void actionPerformed(ActionEvent e){ if(【代码7】) //判断事件源是否是getProblem{ int number1=teacher.giveNumberOne(100);int number2=teacher.giveNumberTwo(100);String operator=teacher.givetOperator();textOne.setText(""+number1);textTwo.setText(""+number2);operatorLabel.setText(operator);message.setText("请回答");textResult.setText(null);}if(【代码8】) //判断事件源是否是giveAnwser{ String answer=textResult.getText();try{int result=Integer.parseInt(answer);if(teacher.getRight(result)==true){ message.setText("你回答正确");}else{ message.setText("你回答错误");}}catch(NumberFormatException ex){ message.setText("请输入数字字符");}}textResult.requestFocus();validate();}}MainClass.javapublic class MainClass{ public static void main(String args[]){ ComputerFrame frame;frame=【代码9】//创建窗口，其标题为：算术测试}}✧实验后的练习：1. 给上述程序增加测试乘、除的功能。

实验8GUI程序设计一、实验目的：1、学习使用框架、面板、和简单用户界面UI组件。

2、学习使用布局管理器。

3、理解和学习Windows事件驱动程序。

4、熟悉Java事件委托模式：事件的注册、监听和处理。

二、实验任务：1、使用Java SDK创建一个Windows图形界面应用程序，上面包括一个按钮。

2、实现一个能做算术运算的用户界面。

界面包括标签和文本域Number1、Number2、Result。

Result文本域用于显示Number1和Number2的算术运算的结果。

3.选作：实现一个简易计算器，实现基本的运算功能。

三、实验步骤：2.参考代码import javafx.application.Application;import javafx.geometry.Pos;import javafx.geometry.HPos;import javafx.scene.Scene;import javafx.scene.control.Button;import bel;import javafx.scene.control.TextField;import yout.GridPane;import javafx.stage.Stage;public class TestFX extends Application {private TextField n1 = new TextField();private TextField n2 = new TextField();private TextField r1 = new TextField();private TextField r2 = new TextField();private Button Add = new Button("和");private Button Subtract = new Button("差");public void start(Stage primaryStage) {GridPane gridPane = new GridPane(); gridPane.setHgap(5);gridPane.setVgap(5);gridPane.add(new Label("数值1:"), 0, 0); gridPane.add(n1, 1, 0);gridPane.add(new Label("数值2:"), 0, 1); gridPane.add(n2, 1, 1);gridPane.add(new Label("和："), 0,2); gridPane.add(r1, 1, 2);gridPane.add(new Label("差："), 0, 3); gridPane.add(r2, 1, 3);gridPane.add(Add, 1, 4);gridPane.add(Subtract, 0, 4);//设置属性gridPane.setAlignment(Pos.CENTER);n1.setAlignment(Pos.BOTTOM_RIGHT);n2.setAlignment(Pos.BOTTOM_RIGHT);r1.setAlignment(Pos.BOTTOM_RIGHT);r2.setAlignment(Pos.BOTTOM_RIGHT);r1.setEditable(false);r2.setEditable(false);// 处理事件Add.setOnAction(e -> qiuhe());// 处理事件Subtract.setOnAction(e -> qiucha());// 创建场景放在舞台中Scene scene = new Scene(gridPane, 400, 250); primaryStage.setTitle("数值计算"); primaryStage.setScene(scene); //设置场景到舞台中primaryStage.show(); // 显示舞台}private void qiuhe() {// 获取数值double a =Double.parseDouble(n1.getText());double b = Double.parseDouble(n2.getText());double r = (a+b);r1.setText(String.format("%.2f",r));}private void qiucha() {// 获取数值double a =Double.parseDouble(n1.getText());double b = Double.parseDouble(n2.getText());double r = (a-b);r2.setText(String.format("%.2f",r));}public static void main(String[] args) {launch(args);}}四、本次实验难点：由于同学们过去学过的程序设计方法都是简单的基于命令流的控制台应用程序，所以建立Windows事件驱动模型的应用程序的概念是本次实验的难点，希望同学们仔细体会事件驱动模型的概念。

每个组件也有自己的初始大小。 当窗口设置的宽度小于组件的初始宽度时， 窗口宽度会 自动变为组件的宽度，但窗口高度不会改变。 在摆放组件时，如果不设定组件的对齐方式，那么 FlowLayout 布局管理器是按居中对 齐的方式摆放组件的。也可以通过向 FlowLayout 构造方法传递参数的方式设置所需的对齐 方式。FlowLayout 布局管理器的对齐方式有： FlowLayout.CENTER、FlowLaout.TRAILING 和 FlowLayout.LEADING。分别表示居中对齐、右对齐和左对齐。 设置的方法如下面的语句所示： contentPane.setLayout(new FlowLayout(FlowLayout.LEADING)); 这语句可以将组件的对齐方式设置为左对齐 还可以设置组件之间的水平和垂直间距。 设置的方法如下面的语句所示： contentPane.setLayout(new FlowLayout(FlowLayout.LEADING , 50 , 50)); 这条语句的含义就是将组件间的水平和垂直间距都设置为 50。
图 4-2 FlowLayout 布局管理器
2. 任务实施 任务 1 中的第 9 行就是对窗口布局的设置语句。语句如下： contentPane.setLayout(new GridLayout(5,1)); 只要对这一行进行更改，就可以达到应用 FLowLayout 布局管理器的目的。 contentPane 是一个对象，它指向的是 Container 类。关于这个类的含义和作用会在以后 的章节中详细讲解。读者暂时只需要知道 contentPane 引用是指向所建立的“帮助窗口”就 可以了。 从 contentPane 所调用的 setLayout()方法的方法名的含义就可以知道这个方法的作用 — 设置（set）布局（layout） 。通过对这个方法的参数赋予不同布局管理器的引用，达到对窗 口进行布局设置的目的。 要实现将“帮助窗口”的布局管理器设置为 FlowLayout，只需要做如下的更改。 contentPane.setLayout(new FlowLayout()); 其中的参数 new FlowLayout() 实际上是 FlowLayout 类的一个引用。这条语句的含义就 是：将 contentPane 所指向窗口的布局管理器设置成 FlowLayout。 还有另外一种设置布局管理器的方法。如下语句所示。 语句 1：FlowLayout flow= new FlowLayout(); 语句 2：contentPane.setLayout(flow); 语句 1 创建了 FlowLayout 布局管理器的引用。语句 2 将语句 1 所创建的 flow 引用作为 参数传递给 setLayout ()方法。 flow 引用等价于 new FlowLayout()。 因此， 语句 contentPane.setLayout(new FlowLayout()) 实际上是语句 1 和语句 2 的组合写法。 3. 分析与提高 FlowLayout 布局管理器是 Panel 和 Applet 容器的默认局管理器。 如果不专门对 Panel 和 Applet 进行布局管理器设置的话，它们的组件的布局将按 FlowLayout 进行管理。 Panel 和 Applet 都是一种容器。Panel 和窗口很类似，Applet 是嵌在浏览器中使用的一种客容器。这 两个容器会在后面的章节中介绍。 FlowLayout 布局管理器对窗口中的组件的管理是与窗口的大小有关的。在任务 1 中有 如下的语句： win.setSize(200,200); 这条语句设置了窗口的初始值大小。第一个参数为窗口的宽度，第二个参数为窗口的高度。 FlowLayout 布局管理器会根据这个大小来摆放组件。如果我们使用拖动的方法，改变窗口 的大小，窗口中组件的排列方式也会跟着改变。

如何使用JAVA进行图形界面编程引言：在计算机科学领域中，图形用户界面（GUI）是一种用户与计算机交互的界面形式。

它通过图形元素如按钮、文本框、菜单等，提供了一种直观、友好的方式来操作计算机程序。

JAVA作为一种强大的编程语言，提供了丰富的库和工具来进行图形界面编程。

本文将介绍如何使用JAVA进行图形界面编程，包括界面设计、事件处理和布局管理。

一、界面设计1.1 使用Swing库JAVA的Swing库是一套用于创建图形用户界面的API。

它提供了各种组件和容器来构建界面。

首先，我们需要导入Swing库：```javaimport javax.swing.*;```1.2 创建主窗口在JAVA中，主窗口通常是一个JFrame对象。

我们可以使用如下代码创建一个简单的主窗口：```javaJFrame frame = new JFrame("My Application");frame.setSize(800, 600);frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame.setVisible(true);```1.3 添加组件在主窗口中，我们可以添加各种组件来构建界面。

例如，我们可以添加一个按钮：```javaJButton button = new JButton("Click me");frame.getContentPane().add(button);```1.4 布局管理布局管理器用于控制组件在界面中的位置和大小。

JAVA提供了多种布局管理器，如FlowLayout、BorderLayout和GridLayout等。

我们可以根据需要选择合适的布局管理器。

例如，使用FlowLayout布局管理器：```javaframe.getContentPane().setLayout(new FlowLayout());```二、事件处理2.1 添加事件监听器事件监听器用于处理用户与界面交互时触发的事件。