内容正文:
第 7 课 我帮妈妈测健康
教学目标
1. 了解UI设计。2. 学会使用分支结构编写程序。3. 能够使用标签、文本输入框等组件设计APP,并打包、安装、运行。
新知园地
健康是人的第一财富,拥有健康体魄,远离疾病侵袭,是每个人最大的愿望。随着现代生活节奏的加快,人们更加关注身体健康。 身体质量指数(Body Mass Index,简称 BMI),是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准。计算公式:身体质量指数(BMI)= 体重(kg)/身高2(m2)。
APP 功能:输入体重和身高,计算并显示 BMI,根据性别显示“正常”或“肥胖” 等示意图,运行效果如图所示。
一、UI 设计显魅力
UI 即 User Interface(用户界面),一般是指对APP 的人机交互、操作逻辑、界面美观程度的整体设计。好的 UI 设计让 APP 变得有个性、有品位,充分体现 APP 的定位和特点。UI 设计要关注 APP 视觉设计(组件布局、字体、颜色)、告诉APP 要做什么、返回信息(通过屏幕、扬声器或触觉)等。
探究实践一
“BMI计算器”APP组件设计
根据课本中的步骤,进行实践练习。
二、逻辑设计定流程
无论是 Python 编程,还是 Scraino 编程或虚拟机器人编程,程序都是由三种基本结构组成的,即顺序结构、分支结构和循环结构。App Inventor 自然也不例外。
完成本例逻辑设计的关键是分支结构的设计。根据性别的不同选择显示图片是男性还是女性,流程图如图所示;根据计算的结果显示是正常、超重还是偏瘦。
因为要显示“超重”“正常”“偏瘦”三种状态,所以要用到分支结构的嵌套,流程图如图所示。
探究实践二
“BMI计算器”APP逻辑设计
根据课本中的步骤,进行实践练习。
三、调试运行并打包
归纳起来,App Inventor 运行调试主要有三种方式。
1. 使用 WiFi 和安卓设备进行实时调试:安卓设备端需要安装“AI 伴侣”APP,并且安卓设备和电脑必须处于同一 WiFi 环境下。这是最直接、最便捷的调试模式。2. 使用 USB 线和安卓设备进行实时调试:安卓设备端同样需要安装“AI 伴侣”APP,并且通过“设置—开发者选项—开启 USB 调试”开启USB模式,将安卓设备通过 USB