当前位置 : IT培训网 > 小孩编程 > 少儿编程 > 妙解少儿编程中如何制作计算器

妙解少儿编程中如何制作计算器

时间:2018-01-03 15:39:23  来源:少儿编程网  作者:IT培训网  已有:名学员访问该课程
计算机器是我们生活中常备的计算工具,带给了人们更多的方便,它可以快速准确的为我们提供数学计算的结果!人们早已对此产生依赖,是生活中不可缺少的工具。少儿编程也可以实现自制计算器,让更多的人体验到编程的妙用,

计算机器是我们生活中常备的计算工具,带给了人们更多的方便,它可以快速准确的为我们提供数学计算的结果!人们早已对此产生依赖,是生活中不可缺少的工具。少儿编程也可以实现自制计算器,让更多的人体验到编程的妙用,如何用程序实现计算机器?今天小编教给大家一些方法,以便备用。

妙解少儿编程中如何制作计算器_www.itpxw.cn

如何用程序自制计算器?

第一步:界面设计

我们先来通过下图了解一下我们的界面。黄色部分为计算式,黄色下边有很多按钮,这些按钮就相当于计算器的按键。

妙解少儿编程中如何制作计算器_www.itpxw.cn

妙解少儿编程中如何制作计算器_www.itpxw.cn

1)计算式显示

拖拽一个垂直布局,宽度设为充满,布局中拖拽五个标签,标签的宽度也设置为充满,高度都设置为40像素,字号设置为34,显示文本都设置为空,文本对齐都设置为居右。

2)计算器按键设置

拖拽一个表格布局(4行,4列,宽度充满),依次拖拽上图的前16个按钮到表格布局对应的位置,所有按钮的宽度设为80像素,高度设为60像素,按上图修改按钮对应的显示文本内容;

拖拽一个水平布局到屏幕,设置宽度为充满,布局中拖拽一个按钮,按钮显示文本为“=”,高度为50像素,宽度为98%;

所有按钮的字号设置为25。

本次布局其实相对简单,所有的高度和宽度值都是小童通过连接AI伴侣真机调试好的,宝宝们可以拿来直接用,也可以根据自己的喜好自定义宽高哦~

第二步:代码设计

计算器的代码逻辑主要是怎样按步骤输入两个运算数字和运算符号。我们先来理一下思路,拿下图的例子讲解:

只有第一个数字标签不为空的时候,点击运算符号按钮,第二行的运算符号标签才能显示运算符号;

只有运算符号标签有了显示文本,点击数字按钮才能为第三行的第二个数字标签添加文本内容;

只有第二个数字标签不为空的时候,点击等于号按钮,才能在第四行显示等于号并在第五行显示运算结果。

妙解少儿编程中如何制作计算器_www.itpxw.cn

根据上边的分析,我们逐步拖拽代码块,这里把代码块分为四个步骤。

1)点击数字按钮(包含小数点按钮)完成两个运算数的显示。

妙解少儿编程中如何制作计算器_www.itpxw.cn

妙解少儿编程中如何制作计算器_www.itpxw.cn

2)运算符号的显示。

妙解少儿编程中如何制作计算器_www.itpxw.cn

3)计算结果的显示。这里注意除法运算中,除数不能为零(第二个数字标签显示文本不能为0)。

妙解少儿编程中如何制作计算器_www.itpxw.cn

4)清空整个运算式。点击清空按钮,回到初始状态(所有标签的显示文本都为空)。

妙解少儿编程中如何制作计算器_www.itpxw.cn

具有单步加减乘除功能的计算器APP这样就做好了!大家快把它装到自己的手机上试试吧~

细看本次代码会发现,有很多都长的差不多,说到底其实,编程实现计算器并没有那么难,此案例不仅能帮助我们搞定生活学习中的加减乘除,更能提升的我们的编程思维逻辑,小朋友们赶快去试试吧!

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容