今天我们来学习做一个桌面的简单计算器。之所以说简单，是因为能完成的运算简单，只有加减乘除四则运算，远远不能跟那些功能完备的科学计算器相比。而且其中实现的思路也很简单。

关键词：java计算器，简单计算器，java程序设计，设置监听器。

前期需要：IDE ，javafx包

思路：分为两个方面，第一是计算器的界面怎么做，需要什么元素、控件。第二是对运算的实现。

1、首先来分析一下计算器的基本界面，完成四则运算，基本上就是0~9十个按钮、一个小数点、一个等号、四个加减乘除按钮，还有一个显示文本的Text。大概就长这个样子：

这个布局首先是一个上下结构，上面是一个text文本框，下面是各种按钮，所以我们可以用一个VBox把text放上面，把下面的其他组件放下面。而下面是一个4*4的矩阵，矩阵里放着4*4个按钮（Button）。所以下面的按钮需要一个矩阵来装，这就要用到GridPane，大家可以去稍微看看这个布局管理器，主要是按照按照网格状进行布局。

GridPane的使用方法大概是这样：

gridpane = new GridPane();

gridpane.add(bt_4, 0,1); // 对其添加元素，第一个参数是控件，或者是其他东西，第二三个是其所在的竖直，水平位置。

需要注意的是，add的时候必须从0，0开始一直到n，n 。不能从中间 或者末尾开始，即n，n 到0，0

ok，布局的分析大概到这里，来数一下，大概就是用一个text，一个GridPane，一个VBox，还有4*4个Button。将button放进gridpane里，将text，gridpane放进vbox里。

2、接下来我们来分析一下运算怎么搞，大家可以先想想平时我们算四则运算需要什么，他们出现的先后顺序。没错，我们需要知道第一个数，然后一个操作，然后第二个数，最后只要点击了等号就会出现结果。所以我们需要几个串：firstInput，secondInput，ansOutput。同时我们需要判断一下当前是第一个还是第二个串输入，所以需要一个isSecond（boolean），最后需要一个operation（char）来记录选中的操作。

模拟一下：输入第一个串（点击一下数字在串的末尾加一个数），点击操作（点一下记录一下当前操作，把标志改为第二个串），输入第二个串，点击等号出结果（两个串转为double类型进行运算装在ansS（String）里再更新text内容）。

//--------------------------------------------------------------------------------------------------------------------------------

以上为大体分析，接下来对界面进行布置。

1、新建一个工程，创建包，再建一个.java文件

2、继承Application

然后大概是这样的：

3、将所有布局空间都声明出来：

3、接下来对控件进行绑定，这里我们用两个函数（initBundles();  initGridPane();）绑定，这样好让结构清晰一点：

4、初步效果是这样的，接下来我们要把按钮的大小设置一下，这时就要用到上面声明的宽高两个东西了：

为防止有占用篇幅的嫌疑，下面我一部分一部分的贴。

效果：

到此为止，界面布局已经搞好了，还是蛮简单的，接下来就是内部运算的问题了。

//--------------------------------------------------------------------------------------------------------------------------------

布局做好了，是不是就要对按钮进行监听器设置了呢？对的，下面我们写一个函数统一对几个按钮设置监听器。

1、在这之前，我们需要声明好上面说的几个关于运算的变量：

2、用一个函数统一对按钮设置监听器，先给数字：

设置数字的监听器很简单，思路是判断选择的是第一个串还是第二个串，然后对对应的串进行追加数字。

记得在start里面调用函数，效果：

还是在这个函数里，对四则运算加监听器：

这里注意，标志的变化，还有对操作的赋值。完成这步操作之后就已经完成了对两个串，一个操作数的安排了。接下来只需要一个等号就可以输出结果了。

简单来说，这个监听器就是把两个串转double，运算，然后结果转String再贴到tfAns。

//--------------------------------------------------------------------------------------------------------------------------------

好啦，一个完整的简单计算器已经出来了，能够实现两数字的四则运算。

但是这里还有许多bug，比如说text的对其方式是左对齐，如何才能让他右对齐？添加运算的时候运算操作并不会显示在text里，如何让两个串完完整整的显示出来如：255*255这样子？如果用户误点击多次操作，比如255*-+/+255，他们最后做的运算是怎么样？

这些bug在这没有修改，希望有兴趣的同学可以自己琢磨修改一下。

下面我给大家贴一下整个.java文件，里面有很多注释在博客中没有点到，大家可以看看。

//--------------------------------------------------------------------------------------------------------------------------------