难度为一般,适合具有 Java 基础和 Swing 组件编程知识的用户学习
一、 实验介绍
1.1 实验内容
本次实验利用Java开发一个可以进行简单的四则运算的图形化计算器,会使用到 Java Swing 图形组件进行开发。
1.2 实验知识点
Java Swing 界面编程
计算器逻辑运算实现
1.3 实验环境
本实验环境采用带桌面的 Ubuntu Linux 环境,实验中会用到环境或软件:
JDK1.7
Xfce终端
Eclipse:一个开放源代码的、基于Java的可扩展开发平台,用于 Java 程序开发。
1.4 适合人群
本课程难度为一般难度,属于初级课程,适合具有Java基础和Swing组件编程知识的用户学习。
1.5 代码获取
你可以通过下面命令将实验的完整代码下载到实验楼环境中,作为参照对比进行学习。
$ wget http://labfile.oss.aliyuncs.com/courses/185/Calculator.java
二、 实验原理
要制作一个计算器,首先需要知道它由哪些部分组成。

JAVA计算器外观 java计算器开发手册_JAVA计算器外观

 

从结构上来说,一个简单的图形界面,需要由界面组件、组件的事件监听器(响应各类事件的逻辑)和具体的事件处理逻辑组成。

整个代码结构如下图所示:

JAVA计算器外观 java计算器开发手册_java_02

界面实现的主要工作是创建各个界面组件对象,对其进行初始化,以及控制各组件之间的层次关系和布局。

三、 实验步骤
接下来我们使用Eclipse来开发我们的计算器程序。
3.1 项目创建
方式1:请双击打开桌面上的 eclipse ,等待启动完成后,按照下面的步骤来创建项目。
如果你对该步骤已经非常熟悉,可以直接跳转到下一小节学习。
(1)在文件菜单 File 中选择 New -> Project 来创建项目。
此处输入图片的描述
(2)在弹出的新建项目对话框中选择 Java Project,并点击 Next 按钮进入下一步。
此处输入图片的描述
(3)在 Project name 一栏填写项目名称 Calculator,并点击 Finish 按钮完成创建。
此处输入图片的描述
(4)如果遇到下图所示的对话框,点击 Yes 按钮确认即可。
此处输入图片的描述
(5)在创建好后的项目目录 src 上右键点击,在右键菜单中选择 New -> Class 来创建一个类。
此处输入图片的描述
(6)在新建类对话框中填写包名 com.shiyanlou.calculator 和类名 Calculator (首字母大写)。点击 Finish 按钮完成创建。
此处输入图片的描述
(7)按照本课程后面的内容编辑 Calculator.java 文件。
方式2:如同方式1一样用Eclipse创建好包,通过Xfce终端下载完整代码,再加入到包中。
3.2 UI 组件创建和初始化
首先我们需要将界面中要用到的 UI 组件作为 Calculator 类的成员变量在一开始声明。在阅读代码之前,可以思考一下都要用到哪些 UI 组件,以及这些代码应当写在哪个位置等等。一个计算器界面至少包括窗口、按钮和显示文本框。

// 创建一个 JFrame 对象并初始化。JFrame 可以理解为程序的主窗体。
    JFrame frame = new JFrame("Calculator");
    // 创建一个 JTextField 对象并初始化。 JTextField 是用于显示操作和计算结果的文本框。
    // 参数 20 表明可以显示 20 列的文本内容
    JTextField result_TextField = new JTextField(result, 20);
    // 清除按钮
    JButton clear_Button = new JButton("Clear");
    // 数字键0到9
    JButton button0 = new JButton("0");
    JButton button1 = new JButton("1");
    JButton button2 = new JButton("2");
    JButton button3 = new JButton("3");
    JButton button4 = new JButton("4");
    JButton button5 = new JButton("5");
    JButton button6 = new JButton("6");
    JButton button7 = new JButton("7");
    JButton button8 = new JButton("8");
    JButton button9 = new JButton("9");
    // 计算命令按钮,加减乘除以及小数点等
    JButton button_Dian = new JButton(".");
    JButton button_jia = new JButton("+");
    JButton button_jian = new JButton("-");
    JButton button_cheng = new JButton("*");
    JButton button_chu = new JButton("/");    // 计算按钮
    JButton button_dy = new JButton("=");

3.3 在窗体中添加 UI 组件

这个计算器有两个 JPanel。

JAVA计算器外观 java计算器开发手册_java_03

什么是 JPanel:JPanel 是一般轻量级容器。如上图所示,你可以将其理解为一个盛放其他 UI 组件的“篮子”。 JPanel 位于 javax.swing 包中,为面板容器,可以加入到 JFrame 中 , 它自身是个容器,也可以把其他 component (组件) 加入到 JPanel 中,例如 JButton、JTextArea、JTextField 等。

在这个项目中,两个 JPanel 分别对应这个计算器按键除 “Clear” 键外其他的键,另个面板则是输出栏跟 “Clear” 键(截取部分代码),参考如下图。

JAVA计算器外观 java计算器开发手册_JAVA计算器外观_04

同样,在书写本段代码时,你应当思考它应该放在哪个部分。如果不清楚,可以回到上面的代码结构中查看。

可供参考的代码如下所示:

// 创建一个 Jpanel 对象并初始化
        JPanel pan = new JPanel();
        // 设置该容器的布局为四行四列,边距为5像素
        pan.setLayout(new GridLayout(4, 4, 5, 5));        // 将用于计算的按钮添加到容器内
        pan.add(button7);
        pan.add(button8);
        pan.add(button9);
        pan.add(button_chu);
        pan.add(button4);
        pan.add(button5);
        pan.add(button6);
        pan.add(button_cheng);
        pan.add(button1);
        pan.add(button2);
        pan.add(button3); pan.add(button_jian);
        pan.add(button0);
        pan.add(button_Dian);
        pan.add(button_dy);
        pan.add(button_jia);        // 设置 pan 对象的边距
        pan.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));        // 按照同样的方式设置第二个JPanel
        JPanel pan2 = new JPanel();
        pan2.setLayout(new BorderLayout());
        pan2.add(result_TextField, BorderLayout.WEST);
        pan2.add(clear_Button, BorderLayout.EAST);


布局结束后,就是计算器的难点:事件处理程序。
3.4 添加事件响应逻辑
对于计算器而言,涉及到的事件响应逻辑主要有:数字键、加减乘除运算、小数点处理、等于以及清除。
请你思考一下,这里的几个开关状态是用于什么目的?
代码如下(截取部分代码,这里是通过类方法处理的):

// 等于按键的逻辑,即在输入完成后开始计算
class Listener_dy implements ActionListener {
            @SuppressWarnings("unchecked")
        public void actionPerformed(ActionEvent e) {                store = (JButton) e.getSource();
                vt.add(store);
                yuns();                // 还原开关k1状态 
                k1 = 1;                 // 还原开关k2状态
                k2 = 1;                // 还原开关k3状态
                k3 = 1;                // 还原开关k4状态
                k4 = 1;                 // 为 7+5=12 +5=17 这种计算做准备
                str1 = result; 
            }
        }

3.5 计算逻辑的实现
计算的逻辑要针对输入的不同运算符来对操作数进行运算,同时还要考虑到除以0这种不合理的算法容错。

主要代码如下:

public void cal() {
        // 操作数1
        double a2;        // 操作数2
        double b2;        // 运算符
        String c = signal;        // 运算结果
        double result2 = 0;        if (c.equals("")) {
            result_TextField.setText("Please input operator.");        } else {
            // 字符串 "." 转换成double型数据时,会出错,所以自己编写逻辑来转换
            if (str1.equals(".")) 
                str1 = "0.0";
            if (str2.equals("."))
                str2 = "0.0";
            a2 = Double.valueOf(str1).doubleValue();
            b2 = Double.valueOf(str2).doubleValue();            if (c.equals("+")) {
                result2 = a2 + b2;
            }
            if (c.equals("-")) {
                result2 = a2 - b2;
            }
            if (c.equals("*")) {
                // 防止浮点数计算失去精度 
                BigDecimal m1 = new BigDecimal(Double.toString(a2));
                BigDecimal m2 = new BigDecimal(Double.toString(b2));
                result2 = m1.multiply(m2).doubleValue();
            }
            if (c.equals("/")) {
                if (b2 == 0) {
                    // 防止除0这种不合理的运算出现
                    result2 = 0;
                } else {
                    result2 = a2 / b2;
                }            }
            result = ((new Double(result2)).toString());
            result_TextField.setText(result);
        }
    }


至此,整个计算器的主要逻辑就已经讲解完毕,请自行补充其他的细节。

完成后,请点击菜单中的 Run -> Run 选项或者点击工具栏上方的运行按钮来编译运行这个项目。

如果没有遇到错误,则会弹出计算器的窗口。
你可以试用一下。

四、 实验总结
至此,相信你已经完成了所有的工作。我们在本实验内学习了如何制作一个简易的计算器,具体来说,学习了如何制作 Swing 图形化界面以及为 UI 组件设置事件响应逻辑。

你可能注意到项目的最后部分有如下的代码:

try {
    UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");
} catch(Exception e) {
    e.printStackTrace();
}


我们是试图通过 UIManager 来设置窗体的 UI 风格,如果需要更改,只要做相应的替换就可以了:

Windows 风格:com.sun.java.swing.plaf.windows.WindowsLookAndFeel
Metal 风格(默认):javax.swing.plaf.metal.MetalLookAndFeel
更换为 Motif 风格:com.sun.java.swing.plaf.motif.MotifLookAndFeel
更换为 Mac 风格:com.sun.java.swing.plaf.mac.MacLookAndFeel
更换为 GTK 风格:com.sun.java.swing.plaf.gtk.GTKLookAndFeel
上述的各种风格需要到相关的操作系统上方可实现。如果你是在 Windows 环境下编程,不妨试一下 Windows 风格。

本次实验目的在于让同学们练习如何使用Java Swing进行可视化编程,实验开发的计算器也只具备基本的逻辑,并没有考虑运算的优先级等问题。

五、课后习题
同学们下来尝试实现一个较为复杂的计算器,考虑运算的优先级,并增加括号,这些需要数据结构方面的一些知识。

具体代码如下:Calculator.java

package com.***.calculator;
import java.awt.BorderLayout;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.math.BigDecimal;
import java.util.Vector;import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.UIManager;public class Calculator {
    // 操作数1,为了程序的安全,初值一定设置,这里我们设置为0。
	String str1 = "0"; 	
	// 操作数2
	String str2 = "0"; 	
	// 运算符
	String signal = "+"; 	
	// 运算结果
	String result = "";
	// 以下k1至k2为状态开关	
	// 开关1用于选择输入方向,将要写入str1或str2
	int k1 = 1;
	// 开关2用于记录符号键的次数,如果 k2>1 说明进行的是 2+3-9+8 这样的多符号运算
	int k2 = 1;
	// 开关3用于标识 str1 是否可以被清0 ,等于1时可以,不等于1时不能被清0
	int k3 = 1;
	// 开关4用于标识 str2 是否可以被清0
	int k4 = 1;
	// 开关5用于控制小数点可否被录入,等于1时可以,不为1时,输入的小数点被丢掉
	int k5 = 1;
	// store的作用类似于寄存器,用于记录是否连续按下符号键
	JButton store; 	
	@SuppressWarnings("rawtypes")
	Vector vt = new Vector(20, 10);
    // 声明各个UI组件对象并初始化
	JFrame frame = new JFrame("Calculator");
	JTextField result_TextField = new JTextField(result, 20);
	JButton clear_Button = new JButton("Clear");
	JButton button0 = new JButton("0");
	JButton button1 = new JButton("1");
	JButton button2 = new JButton("2");
	JButton button3 = new JButton("3");
	JButton button4 = new JButton("4");
	JButton button5 = new JButton("5");
	JButton button6 = new JButton("6");
	JButton button7 = new JButton("7");
	JButton button8 = new JButton("8");
	JButton button9 = new JButton("9");
	JButton button_Dian = new JButton(".");
	JButton button_jia = new JButton("+");
	JButton button_jian = new JButton("-");
	JButton button_cheng = new JButton("*");
	JButton button_chu = new JButton("/");
	JButton button_dy = new JButton("=");

    // 计算机类的构造器
	public Calculator() {	
	    // 为按钮设置等效键,即可以通过对应的键盘按键来代替点击它
		button0.setMnemonic(KeyEvent.VK_0);
		// 其它等效键省略,你可以自行补充完整        // 设置文本框为右对齐,使输入和结果都靠右显示
		result_TextField.setHorizontalAlignment(JTextField.RIGHT);        // 将UI组件添加进容器内
		JPanel pan = new JPanel();
		pan.setLayout(new GridLayout(4, 4, 5, 5));
		pan.add(button7);
		pan.add(button8);
		pan.add(button9);
		pan.add(button_chu);
		pan.add(button4);
		pan.add(button5);
		pan.add(button6);
		pan.add(button_cheng);
		pan.add(button1);
		pan.add(button2);
		pan.add(button3);
		pan.add(button_jian);
		pan.add(button0);
		pan.add(button_Dian);
		pan.add(button_dy);
		pan.add(button_jia);
		pan.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
		JPanel pan2 = new JPanel();
		pan2.setLayout(new BorderLayout());
		pan2.add(result_TextField, BorderLayout.WEST);
		pan2.add(clear_Button, BorderLayout.EAST);
        // 设置主窗口出现在屏幕上的位置
		frame.setLocation(300, 200);
		// 设置窗体不能调大小
		frame.setResizable(false); 
		frame.getContentPane().setLayout(new BorderLayout());
		frame.getContentPane().add(pan2, BorderLayout.NORTH);
		frame.getContentPane().add(pan, BorderLayout.CENTER);
		frame.pack();
		frame.setVisible(true);
		// 事件处理程序
		// 数字键
		class Listener implements ActionListener {
			@SuppressWarnings("unchecked")
			public void actionPerformed(ActionEvent e) {
				String ss = ((JButton) e.getSource()).getText();
				store = (JButton) e.getSource();
				vt.add(store);
				if (k1 == 1) {
					if (k3 == 1) {
						str1 = "";						
						// 还原开关k5状态
						k5 = 1;
					}
					str1 = str1 + ss;
					k3 = k3 + 1;                    
                    // 显示结果
					result_TextField.setText(str1);
				} else if (k1 == 2) {
					if (k4 == 1) {
						str2 = "";						
						// 还原开关k5状态
						k5 = 1; 
					}
					str2 = str2 + ss;
					k4 = k4 + 1;
					result_TextField.setText(str2);
				}
			}
		}		// 输入的运算符号的处理
		class Listener_signal implements ActionListener {
			@SuppressWarnings("unchecked")
			public void actionPerformed(ActionEvent e) {
				String ss2 = ((JButton) e.getSource()).getText();
				store = (JButton) e.getSource();
				vt.add(store);
				if (k2 == 1) {
				    // 开关 k1 为 1 时向数 1 写输入值,为2时向数2写输入值。
					k1 = 2;
					k5 = 1;
					signal = ss2;
					k2 = k2 + 1;// 按符号键的次数
				} else {
					int a = vt.size();
					JButton c = (JButton) vt.get(a - 2);					if (!(c.getText().equals("+"))
							&& !(c.getText().equals("-"))
							&& !(c.getText().equals("*"))
							&& !(c.getText().equals("/")))
					{
						cal();
						str1 = result;
						// 开关 k1 为 1 时,向数 1 写值,为2时向数2写
						k1 = 2;
						k5 = 1;
						k4 = 1;
						signal = ss2;
					}
					k2 = k2 + 1;
				}			}
		}		// 清除键的逻辑(Clear)
		class Listener_clear implements ActionListener {
			@SuppressWarnings("unchecked")
			public void actionPerformed(ActionEvent e) {
				store = (JButton) e.getSource();
				vt.add(store);
				k5 = 1;
				k2 = 1;
				k1 = 1;
				k3 = 1;
				k4 = 1;
				str1 = "0";
				str2 = "0";
				signal = "";
				result = "";
				result_TextField.setText(result);
				vt.clear();
			}
		}		// 等于键的逻辑
		class Listener_dy implements ActionListener {
			@SuppressWarnings("unchecked")
			public void actionPerformed(ActionEvent e) {				store = (JButton) e.getSource();
				vt.add(store);
				cal();				
				// 还原各个开关的状态
				k1 = 1; 
				k2 = 1;
				k3 = 1;
				k4 = 1;
				str1 = result; 
			}
		}

		// 小数点的处理
		class Listener_xiaos implements ActionListener {
			@SuppressWarnings("unchecked")
			public void actionPerformed(ActionEvent e) {
				store = (JButton) e.getSource();
				vt.add(store);
				if (k5 == 1) {
					String ss2 = ((JButton) e.getSource()).getText();
					if (k1 == 1) {
						if (k3 == 1) {
							str1 = "";
							// 还原开关k5状态
							k5 = 1; 
						}
						str1 = str1 + ss2;
						k3 = k3 + 1;
                        // 显示结果
						result_TextField.setText(str1);
					} else if (k1 == 2) {
						if (k4 == 1) {
							str2 = "";
							// 还原开关k5的状态
							k5 = 1;
						}
						str2 = str2 + ss2;
						k4 = k4 + 1;
						result_TextField.setText(str2);
					}
				}
				k5 = k5 + 1;
			}
		}		// 注册各个监听器,即绑定事件响应逻辑到各个UI组件上
		Listener_dy jt_dy = new Listener_dy();		
		// 监听数字键
		Listener jt = new Listener();
		// 监听符号键
		Listener_signal jt_signal = new Listener_signal();
		// 监听清除键
		Listener_clear jt_c = new Listener_clear(); 
		// 监听小数点键
		Listener_xiaos jt_xs = new Listener_xiaos();		button7.addActionListener(jt);
		button8.addActionListener(jt);
		button9.addActionListener(jt);
		button_chu.addActionListener(jt_signal);
		button4.addActionListener(jt);
		button5.addActionListener(jt);
		button6.addActionListener(jt);
		button_cheng.addActionListener(jt_signal);
		button1.addActionListener(jt);
		button2.addActionListener(jt);
		button3.addActionListener(jt);
		button_jian.addActionListener(jt_signal);
		button0.addActionListener(jt);
		button_Dian.addActionListener(jt_xs);
		button_dy.addActionListener(jt_dy);
		button_jia.addActionListener(jt_signal);
		clear_Button.addActionListener(jt_c);		// 窗体关闭事件的响应程序
		frame.addWindowListener(new WindowAdapter() {
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
	}

	// 计算逻辑
	public void cal() {
    	// 操作数1
		double a2;
		// 操作数2
		double b2;
		// 运算符
		String c = signal;
		// 运算结果
		double result2 = 0;
		if (c.equals("")) {
			result_TextField.setText("Please input operator");
		} else {
            // 手动处理小数点的问题
			if (str1.equals("."))
				str1 = "0.0";
			if (str2.equals("."))
				str2 = "0.0";
			a2 = Double.valueOf(str1).doubleValue();
			b2 = Double.valueOf(str2).doubleValue();
			if (c.equals("+")) {
				result2 = a2 + b2;
			}
			if (c.equals("-")) {
				result2 = a2 - b2;
			}
			if (c.equals("*")) {
				BigDecimal m1 = new BigDecimal(Double.toString(a2));
			        BigDecimal m2 = new BigDecimal(Double.toString(b2));
			        result2 = m1.multiply(m2).doubleValue();
			}
			if (c.equals("/")) {
				if (b2 == 0) {
					result2 = 0;
				} else {
					result2 = a2 / b2;
				}
			}
			result = ((new Double(result2)).toString());
			result_TextField.setText(result);
		}
	}

	@SuppressWarnings("unused")
	public static void main(String[] args) {
		// 设置程序显示的界面风格,可以去除
	try {
			UIManager.setLookAndFeel("javax.swing.plaf.metal.MetalLookAndFeel");
		} catch (Exception e) {
			e.printStackTrace();
		}
		Calculator cal = new Calculator();
	}}