少儿手机编程教程,小朋友自己动手制作的super计算器!

上周小童教大家怎么用App Inventor开发一款简单的计算器,相信一定引起了很多爸爸妈妈和宝宝对计算器开发的兴趣,但是上一次的计算器只能做简单的加减乘除运算,今天小童就教大家如何制作可以进行加减乘除混合运算的计算器。

好了,我们话不多说,直入主题,爸爸妈妈赶紧叫上宝宝一起行动吧!

第一步:界面设计

由于和上次一样都是计算器,我们只要在上次计算器的基础上稍作调整即可。

我们先来对比一下两个界面的不同:

大家可以看到只有计算器的显示运算式的部分变得不一样了,除了我们的背景颜色变为更干净的白色,就是显示运算式的格式不同了。按钮的布局一点都没有改变。我们来看看两个界面显示运算式部分的组件列表的对比:

通过上图的对比,小朋友是不是发现我们用的组件减少了?现在我们设计一下这一个布局,两个标签的部分:

计算式布局(垂直布局)的高度设置为220像素,宽度充满,垂直对齐设置为居下。

向不居中拖拽两个标签(输入标签和运算结果),它们的宽度都为充满,高度为自动,文本对齐为居右,至于字体颜色可以根据小朋友喜好设置~这里分别为灰色和黑色。

第二步:代码设计

由于本次实现的是混合运算,没办法像简单计算器那样一个标签一个数字或符号了,为了分割一个标签中的数字和符号,我们这里用一个列表来存储这个运算式,比如“1+2×3”对应的列表就是:

运用列表来进行混合数学运算是我们本次代码的核心,那让我们分步骤来实现一下今天的代码吧~

(1)全局变量:四个全局变量分别是:运算式(上边说的存储运算式的列表)、数字(存储当前输入的数)、运算结果(存储运算的结果)、运算符(加减乘除运算符列表)。

(2)显示运算式:同上篇很类似,不同的是需要把点击的数字累计存入全局变量“数字”中,方便向列表中添加。

(3)运算符号的点击事件:点击运算符号后,说明进行运算的第一个数输入完毕,这里就可以将全局变量“数字”和点击的运算符符号存入列表了。

(4)等于号点击事件:当我们点击等于号的时候代表我们就要对列表存储的数字和符号按混合运算的规则进行运算,并得出结果了。混合运算的原理相信小朋友们都很熟悉了,就是先乘除后加减,从左到右的原则进行运算,我们的代码也遵循这一原则,所以首先我们需要在列表里,从前往后找乘除的符号,先运算乘除,运算结束后,再运算加减。

(5)运算过程:运算的时候我们需要按照运算的位置调整列表。比如一个运算式的运算过程为:1+2×3,经过第一步的乘法运算应该变为:1+6,经过最后的加法运算变为7。这时全局变量运算式列表的变化为:

根据这个逻辑,我们通过运算符在列表里的位置定位要进行运算的两个数字,通过对列表进行修改和删除得到运算后的列表。因此我们得到如下代码块:

(6)清空事件:点击清空,清空标签显示文本以及全局变量。

到这里我们的代码部分的设计全部完成。小朋友做完了吗?运行到手机上试试效果吧!计算器虽然酷,但确实是一个锻炼小朋友逻辑思维的案例。

童程童美少儿手机编程课程,面向10岁以上孩子,通过逻辑测试的零基础或一定编程基础的适龄儿童。采用Java语言和专业开发工具进行教学,由浅入深、系统化的教授如何开发在Android移动设备上使用的手机应用和游戏。课程设计趣味感强,游戏主题贯穿其中。在学习中锻炼孩子的逻辑思维能力、培养兴趣、提高孩子的专注力、提升孩子的严谨性和抗挫能力。课程学习后,能够学以致用,使学习和生活相结合,让孩子获得成就感。

举报
评论 0