手机编程之路起航3—— 健康管家
第2节课,我们已经知道如何使用标签,按钮,以及了解他们相应的属性,事件。这节课,我们将回顾标签,输入框,按钮等使用方法并学习如何实现两个屏幕之间的跳转。从这节课开始,我们也不再复述开发前的准备,如果你还不清楚,请重温第1、2课。
课程名:健康管家
技能:屏幕跳转,不同屏幕之间的数据传递;标签,按钮,输入框的运用
1、进入app inventor 开发界面后,新建项目名“JianKangBao”的项目,并上传4张素材图(如下图)。图片处理软件可以用windows自带画图软件,或者Photoshop。图片宽度尽量控制在300像素。
2、增加屏幕,并简单设置两个屏幕的属性
组件 | 所属工具组 | 重命名 | 属性设置 |
Screen1 | 默认组件列表 | 无 | 应用说明:利用BMI指数设计 标题:健康宝 允许滚动:勾选 窗口大小:自动调整 |
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说明 | 图片:BMI.jpg |
6、切换到screen2的组件设计界面,拖动2个水平布局,2个标签,1个按钮,1个图像。效果如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论