手机编程之路起航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小时内删除。