admin管理员组文章数量:1530845
2023年12月19日发(作者：)
手机编程之路起航3—— 健康管家
第2节课，我们已经知道如何使用标签，按钮，以及了解他们相应的属性，事件。这节课，我们将回顾标签，输入框，按钮等使用方法并学习如何实现两个屏幕之间的跳转。从这节课开始，我们也不再复述开发前的准备，如果你还不清楚，请重温第1、2课。
课程名：健康管家
技能：屏幕跳转，不同屏幕之间的数据传递；标签，按钮，输入框的运用
1、进入app inventor 开发界面后，新建项目名“JianKangBao”的项目，并上传4张素材图（如下图）。图片处理软件可以用windows自带画图软件，或者Photoshop。图片宽度尽量控制在300像素。
2、增加屏幕，并简单设置两个屏幕的属性
组件 所属工具组 重命名
无
属性设置
应用说明：利用BMI指数设计
标题：健康宝
Screen1
默认组件列表
允许滚动：勾选
窗口大小：自动调整
Screen1
默认组件列表 无 应用说明：利用BMI指数设计
标题：健康宝
允许滚动：勾选
窗口大小：自动调整
3、切换到screen1窗口，添加一个表格布局组件，属性设置如下：
组件
表格布局
所属工具组
默认组件列表
重命名
无
属性设置
列数：3
行数：2
宽度：充满
4、在表格布局里拖动4个标签，2个文本输入框，布局与属性设置如下：
各个组件属性设置如下
组件
标签1
所属工具组 重命名
用户界面 身高
属性设置
字号：20
文本：身高
标签2 用户界面 体重 字号：20
文本：体重
标签3 用户界面 单位米 字号：20
文本：米
标签4 用户界面 单位千克 字号：20
文本：千克
输入框1 用户界面 身高输入 文本框输入提示：无
仅限数字：勾选
输入框2 用户界面 体重输入 文本框输入提示：无
仅限数字：勾选
5、继续在screen1里面添加1个按钮组件，1个图片组件，效果与设置如下：
组件
按钮1
所属工具组 重命名
用户界面 计算
属性设置
字号：20
文本：计算
宽度：充满
图片1
用户界面 BMI说明 图片：
6、切换到screen2的组件设计界面，拖动2个水平布局，2个标签，1个按钮，1个图像。效果如下：
各个组件的属性设置如下：
组件 所属工具组 重命名
无
无
无
属性设置
宽度：充满
宽度：充满
字号：20
文本：BMI指数是：
标签2 用户界面 BMI指数值 字号：20
水平布局1 界面布局
水平布局1 界面布局
标签1 用户界面
宽度：50
文本：无
图像1
按钮1
用户界面
用户界面
无
无
适应尺寸：勾选
宽度：充满
文本：返回
7、现在我们需要回到screen1进行逻辑设计。需要实现的功能是：定义一个全局变量BMI用来存储BMI指数。当按钮按下后，根据输入的身高体重值计算出BMI指数，随后传递BMI指数并跳转到screen2。
在第2课中，我们就接触了“或”语句，这节课我们接触“与”语句。这两个语句的意思分别是：“或”语句的意思是只要满足一个条件就会执行，“与”语句是必须满足所列条件才会执行。
8、切换到screen2的逻辑设计，编写程序判断从Screen1传来的BMI值来显示相应相片，并给“返回”按钮编写返回“Screen1”的程序。
（图2.13）
版权声明：本文标题：app inventor实例中文版零基础入门实例教程教案之3健康管家 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1702946304a31585.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论