《App-Inventor移动终端应用开发》教学课件10计步器

模块10计步器10.1项目描述10.2项目组件设计10.3项目逻辑设计10.4项目测试10.1项目描述计步器可以实现计步功能，同时根据运动距离计算热量的消耗，其运行效果如图10-1所示。图10-1计步器的运行效果10.2项目组件设计10.2.1准备素材本项目用到的2个图片素材如图10-2所示，其中，icon.png用作应用图标，finished.png用作运动达标时的显示图片。icon.pngfinished.png图10-2计步器所需的图片素材10.2项目组件设计10.2.2设计界面登录开发平台，新建一个项目，项目名称为Pedometer。在设计视窗中，将项目素材上传到开发平台。本项目用到的组件包括用户界面组件中的标签、图像和滑动条，界面布局中的水平布局、表格布局和垂直布局，传感器中的计步传感器，以及数据存储中的微数据库。计步器的组件列表如图10-3所示。说明：将这些组件从组件面板添加到工作面板中，并按照教材中计步器组件属性进行设置，对于教材中没有说明的组件属性均采用默认属性值。计步器工作面板的设计效果如图10-4所示。10.2项目组件设计10.2.2设计界面图10-3计步器的组件列表图10-4计步器工作面板的设计效果10.3项目逻辑设计图10-5计步器的项目设计流程计步器的项目设计流程如图10-5所示。10.3项目逻辑设计10.3.1编程模块在项目设计界面中单击“逻辑设计”按钮，切换到编程视窗。本项目用到的编程模块有内置块中的数学、变量、控制、逻辑、文本和各组件的事件处理模块、调用过程模块、属性设置及取值模块，部分编程模块见教材。10.3项目逻辑设计10.3.2功能实现1.初始化变量本项目定义了5个全局变量，如图10-6所示。其中，“体重”用来记录用户设定的体重值，“目标步数”用来记录用户设定的行走目标，“今日步数”用来记录用户当前行走的步数，“历史记录”用来显示用户行走步数的最高记录，“运动时长”用来记录用户当前行走的分钟数。图10-6计步器定义的全局变量10.3项目逻辑设计10.3.2功能实现2.更新运动数据在计步传感器Pedometer组件的属性模块中有“连续行走”“距离”和“耗时”三个属性模块，这三个属性分别对应计步传感器记录的行走步数、行走距离和行走耗时，根据这些属性和用户设定的参数值，可以设置界面中的当前行走步数、当前行走所消耗的热量、行走距离和运动时长。定义“更新运动数据”过程的代码模块如图10-7所示。提示：利用Pedometer组件属性设置并显示运动数据，在各组件的事件处理中，当需要更新运动数据时，都可以调用该过程。10.3项目逻辑设计10.3.2功能实现图10-7定义“更新运动数据”过程的代码模块10.3项目逻辑设计10.3.2功能实现3.更新历史记录当计步传感器的行走步数大于最高记录时，调用图10-8所示的“更新历史记录”过程，就可以完成历史记录值的更新。图10-8定义“更新历史记录”过程的代码模块10.3项目逻辑设计10.3.2功能实现4.更新完成度为了能够更直观地显示出当前行走步数距离设定目标值的完成进度，定义“更新完成度”过程（见图10-9），通过标签的宽度百分比来显示当前完成进度。图10-9定义“更新完成度”过程的代码模块10.3项目逻辑设计10.3.2功能实现5.设定体重和目标步数拖动滑动条滑块就可以完成体重和目标步数的设定，这时会触发滑动条的位置被改变事件。设定体重的代码模块如图10-10所示，由于体重与运动消耗热量有关，因此在完成体重设置后，还需调用“更新运动数据”过程，实现热量值的更新。设定目标步数的代码模块如图10-11所示，当目标步数改变时，当前行走的完成进度也会随之改变，这时调用“更新完成度”过程，就可以实现完成进度的更新。10.3项目逻辑设计10.3.2功能实现图10-10设定体重的代码模块图10-11设定目标步数的代码模块10.3项目逻辑设计10.3.2功能实现6.初始化屏幕每次打开应用都会触发屏幕初始化事件，通过微数据库的不同标签可以获取相应的体重、目标步数和历史记录值；通过调用“更新运动数据”和“更新完成度”过程，可以将上一次退出应用前的相关数据显示在界面中。初始化屏幕的代码模块如图10-12所示。图10-12初始化屏幕的代码模块10.3项目逻辑设计10.3.2功能实现7.计步传感器事件处理当用户拿着手机行走时，计步传感器会检测到行走事件，其“连续行走”“距离”和“耗时”的属性值都会随着行走而改变，在计步传感器相应的事件处理模块中调用“更新运动数据”“更新完成度”和“更新历史记录”过程，可以将用户当前的运动状态实时显示在手机屏幕上。计步传感器事件处理的代码模块如图10-13所示。图10-13计步传感器事件处理的代码模块10.3项目逻辑设计10.3.2功能实现8.保存数据保存计步器数据的代码模块如图10-14所示。在退出应用前，调用计步传感器的保存过程，可以将计步传感器的当前状态保存在手机中，用户当前的行走步数、行走距离等运动数据也可以被保存下来。提示：再次打开应用时，就能够基于之前的行走记录继续计步了。图10-14保存计步器数据的代码模块10.3项目逻辑设计10.3.2功能实现9.重新计步在计步传感器运行过程中，当完成目标步数时会显示“重新计步”按钮，单击该按钮可以重新开始计步。计步传感器的复位过程可以将计步传感器的状态清零，调用该过程就能够重新开始计步，具体代码模块如图1