师:同学们,今天我们学习六年级广州版信息技术第二单元第十八课动感计步器。世界卫生组织提出,每天行走6000步是最有益健康的。那同学们知道自己每天走了多少步吗?有位同学为了记录他每天走的步数,用APP inventor制作了一款动感计步器APP,我们一起来看看。大家边看边思考,在这个APP中人的行为是什么?手机的反应是什么?
生:大家好,这是我制作的动感计步器APP,下面让我给大家演示一下吧。
师:通过上面的视频,我们发现在这个APP中人的行为是走路,手机的反应是计算步数并显示。那么如何实现走路时手机能计算我们的步数呢?今天我们一起学习制作动感计步器APP,实现计算步数的功能。为了实现动感计步器APP的制作,本节课我们将要学习以下两个内容:一、知道数学代码块的功能;二、会用数学代码块进行运算。下面我们一起跟着视频学习如何制作动感计步器APP。
组件设计,按照如下步骤完成组件设计:单击项目,单击新建项目,输入项目名称,单击确定。设置screen一的属性,将水平对齐属性设为居中,将背景图片属性设为back jpg,勾选允许滚动,将标题属性设置为动感计步器。添加3个水平布局、添加三个标签、添加按钮。将标签一重命名为运动口号,将标签二重命名为步数标题,将标签3重命名为步数,将按钮一重命名为重置。
单击运动口号,勾选粗体,将字号属性设置为40,将高度属性设置为65像素,将文本属性设置为“我运动我健康”,将文本对齐属性设置为居中,将文本颜色属性设置为橙色。单击步数标题,将字号属性设置为24,将文本属性设为“运动的步数”。单击步数,将字号属性设置为24,将宽度属性设置为65像素,将文本属性设置为0,将文本颜色属性设置为红色。单击重置,将背景颜色属性设置为橙色,将字号属性设置为15,将形状属性设置为圆角,将文本属性设置为“重置”。单机水平布局一,将水平对齐属性设置为居中,将垂直对齐属性设置为居下,将背景颜色属性设置为透明,将高度属性设为135像素。单击水平布局,将垂直对齐属性设置为居中,将背景颜色属性设置为黄色,将高度属性设置为50像素,将宽度属性设置为250像素。单机水平布局,将水平对齐属性设置为居中,将垂直对齐属性设置为居下,将背景颜色属性设置为透明,将高度属性设置为60像素,添加速度传感器。
通过以上视频,我们学习了组件设计的全过程。首先是新建项目,然后进入到组件设计。在这个APP的组件设计中,界面布局需要添加三个水平布局;显示运动口号、步数标题,显示步数需要三个标签;重置数据需要添加一个按钮;手机被晃动时能触发计数,还要添加一个非可视组件加速度传感器。完成了组件设计,接着进行逻辑设计,我们一起来看看程序是如何编写的吧。
逻辑设计,进入逻辑设计界面,按照以下步骤编写程序,实现当检测到晃动时步数累加的功能,实现当重置按钮被点击时,步数清零的功能。单击逻辑设计,单击加速度传感器一,拖动此代码块到工作面板。单击步数,拖动数学代码块到工作面板,单击步数,拖动此代码块到工作面板,输入1。单击重置,拖动此代码块到工作面板,单击步数,拖动此代码块到工作面板,单击数学,拖动此代码块到工作面板。
师:以上逻辑设计的代码有什么功能呢?这组代码实现了当加速度传感器被晃动时,将步数的文本设置为步数的文本加1的功能。那么如何实现的呢?
下面我们一起来分析一下,当加速度传感器未被晃动时,步数组件的文本初始化值为0,这时手机显示步数为0。当加速度传感器被晃动第一次时,把当前步数0 + 1,得到最新步数一,这时手机显示步数为1。当被晃动第2次时,把当前步数1 + 1,得到最新步数2,手机显示步数为2。当被晃动第三次时,把当前步数2 + 1,得到最新步数3,这时手机显示步数为3,以此类推,实现步数累加功能。
以上步数的运算结果,如果想重置清零,可以用这组代码块实现。当重置按钮被点击后,设置步数的文本为0。接下来我们来看看还有哪些代码块。单击数学代码块,我们发现列表中还有很多种类型的数学代码块,例如有我们常用的加减乘除、随机整数代码块,如何使用这些代码块呢?下面我们一起来学习数学代码块的使用方法。在数学代码块中,以下运算符代码块可以用来进行计算,计算的结果还可以作为其他代码块的参数。例如加法代码块表示一个数加另外一个数的和,减法代码块表示一个数减另一个数的差,乘法代码块表示一个数乘另一个数的积,除法代码块表示一个数除以另一个数的商。数学代码块可以单独使用,也可以组合使用,例如这组代码块表示运算15减6的差乘10的结果。这组代码块表示将步数的值增加1。完成了动感计步器的组件设计和逻辑设计。下面我们一起来测试一下程序吧。
