发表于2024-11-23
图书基本信息 | |||
图书名称 | 跟我学AppInventor2(青少年科技创新丛书) | 作者 | 谢作如,郑祥,张洁 |
定价 | 56.00元 | 出版社 | 清华大学出版社 |
ISBN | 9787302457817 | 出版日期 | 2017-01-01 |
字数 | 286000 | 页码 | 183 |
版次 | 1 | 装帧 | 平装 |
开本 | 16开 | 商品重量 | 0.4Kg |
内容简介 | |
MIT App Inventor是一款图形化的APP开发环境,用户能够以拖曳积木的形式开发Android平台的应用程序。本书以App Inventor 2.0为开发平台,结合大量的具体案例,如音乐摇摇乐、GPS计步器等,深入浅出地介绍了App的开发过程和App Inventor的编程功能,并且逐步讲解第三方API应用接口调用,App和Arduino硬件、Web服务结合等高级应用。 本书适合中学生和学有余力的小学高年级学生,同时也适用于零基础的大学生、成年初学者。只要对安卓App开发感兴趣,或者对创客感兴趣,本书将是一本不可多得的创客秘籍。 |
作者简介 | |
谢作如,温州市百名领军教师,温州市名师,温州市551人才,浙江省教育科研先进工作者,温州大学客座研究员及硕士生导师,南京师范大学客座研究员,北京师范大学访问学者,浙江省中小学信息技术教育分会理事,中国教育技术协会信息技术专业委员会理事。2010年获“菁华杯”全国新课程中学优质课评选一等奖,2011年获全国高中信息技术优质课大赛特等奖。 |
目录 | |
编辑推荐 | |
说起App Inventor在我国的发展,“老巫婆”(金从军老师)是一个无法绕开的名字。她和她的丈夫张路早将App Inventor 2汉化,并推出离线版,为App Inventor的国内推广,做了很多重要的工作。我和我的儿子谢集自学App Inventor 2,全靠她翻译的帮助文件。有趣的是,我在2014年才从“老巫婆”的上发现一个细节: 2013年上海创客嘉年华活动中,我和吴俊杰等教师在创客论坛上演讲,呼吁创客们关注中小学教育,坐在*一排拿着摄像机的就是她和张路老师。后来她告诉我,那天听了我们的演讲后,他们就下决心要为儿童编程做点事,回到北京就开始做App Inventor 2汉化、翻译工作。 |
文摘 | |
第3章App Inventor 2的编程实践 3.1App专题1——健康测试仪1. 专题描述现代的生活与工作节奏越来越快,如何才能在享受生活与工作的同时,随时了解自己的健康情况呢?本专题将带领大家一起制作属于自己的手机App应用程序“健康测试仪”——通过输入用户的身高与体重信息,就可以得知该用户的健康水平: 偏瘦、健康(正常)或偏胖,程序运行界面如图3.1所示。 图3.1“健康测试仪”运行界面 2. 学习目标 (1) 掌握“用户界面”中按钮、图片、标签、文本输入框等常用基本组件的使用。 (2) 掌握“界面布局”中的“水平布局”与“垂直布局”组件。 (3) 掌握“数学”内置模块中乘法、除法模块的使用。 3. 运行原理 健康测试仪的基本原理是利用BMI健康指数来判断用户的健康水平。BMI(Body Mass Index,健康指数)又称为体质指数或体重指数。其计算方法为: BMI=体重(kg)/身高2(m2),即体重与身高平方的比值。BMI健康指数可以用来对比用户在身体胖瘦上的健康水平,BMI健康指数的正常范围为18.5~23.9,不同BMI指数所代表的健康水平如表3.1所示。表3.1BMI指数标准 BMI健康指数范围健 康 水 平<18 5='' 18='' 5='' 23='' 9=''>23.9偏胖图3.2所示为“健康测试仪”的运行流程。 第3章App Inventor 2的编程实践 跟我学App Inventor 2 4. 界面设计 “健康测试仪”App应用程序的UI设计界面可参考图3.3所示,由Screen、图像、标签、按钮4类组件完成。 图3.2“健康测试仪”的运行流程 图3.3“健康测试仪”的界面设计 各种组件的放置及其具体属性设置,如表3.2所示。 “健康测试仪”的UI设计界面如图3.4所示。可以根据自己的喜好,更改界面的布局等。续表表3.2组件设计 组 件 放 置组件面板组组件命名组 件 属 性Screen默认Screen1水平对齐: 居中 应用程序名: BMI 背景图: background.png 标题: BMI健康指数计算水平布局界面布局HorizontalArrange.ment1水平对齐: 居中 垂直对齐: 居下 高度: 250像素 宽度: 充满HorizontalArrange. ment2水平对齐: 居中 垂直对齐: 居中 宽度: 充满HorizontalArrange.ment4水平对齐: 居中(Center) 垂直对齐: 居上 宽度: 充满HorizontalArrange.ment3水平对齐: 居中 垂直对齐: 居下 高度: 50像素 宽度: 充满图像界面布局picShow高度: 220像素 宽度: 270像素 图片: BMI.pngBMIstandard图片(Picture): Standard.png 宽度(Width): 充满(Fill parent)垂直布局界面布局VerticalArrangement1水平对齐: 居中 垂直对齐: 居中 高度: 200像素 宽度: 充满标签用户界面weightLabel背景颜色: 白色 文本: “体重” 文本对齐: 居中 高度: 充满 宽度: 80像素heightLabel背景颜色: 白色 文本: “身高: ” 文本对齐(TextAlignment): 居中 高度: 充满 宽度: 80像素BMIresult文本对齐: 居中(center) 高度(Height): 20像素(pixels) 宽度(Width): 230像素(pixels)组 件 放 置组件面板组组件命名组 件 属 性文本输入框用户界面weightTextBox背景颜色: 白色 宽度: 150像素 提示: 单位为kg 仅限数字: √ 文本对齐: 居左heightTextBox背景颜色: 白色 宽度: 150像素 提示: 单位为kg 仅限数字: √ 文本对齐: 居左按钮用户界面resetButton高度: 50像素 宽度: 150像素 图像: replayButton.png 文本(Text): 重置(按钮)nextButton高度: 50像素 宽度: 150像素 图像: nextButton.png 文本(Text): 下一步(按钮)图3.4“健康测试仪”的界面设计 …… |