难度为一般,适合具有 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
二、 实验原理
要制作一个计算器,首先需要知道它由哪些部分组成。

 

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

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

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

三、 实验步骤
接下来我们使用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。

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

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

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

可供参考的代码如下所示:
// 创建一个 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();
}

}

参考来源:https://www.shiyanlou.com/courses/185

posted on 2019-02-17 00:41  HiJackykun  阅读(4801)  评论(0编辑  收藏  举报