App Inventor 安卓手机应用开发简易入门2-2

第一章App Inventor 的前世今生本章介绍App Inventor 的发展历程，环境搭建和机房配置，简单的讲解界面设计和使用block 编程的风格，App Inventor 如何打包成安装程序Apk ，以及如何让自己的Apk 在安卓系统应用市场中成功“上市”。

第1节 App Inventor 的发展史简介身世App Inventor 的完整名字是App Inventor for Android ，所以用它制作的应用是和安卓手机系统相配的。

这个项目一开始是MIT 的教授Hal Abelson 领导创建，在Google 实验室得到完善，于2010年7月12日上线运行，2010年12月15日公开发布，当时的名字还是Google App Inventor ，并一直标注着Beta 版本符号。

在2011的某一段时间，谷歌公司公布了应用的源码，提醒大家即将关闭服务器，需要自己导出原有项目文件，并在12月份关闭了服务器。

几个月后再进App Inventor 官网时，已经直接跳转到MIT 托管代理的服务器了。

使用方式和方法也基本一致，起初一直未有大的改变，但基于此的各类教程资源的不断在增多，可见还是有相当一部分的影响力。

一直到2013年12月份，MIT推出了免装jdk 和设置环境变量的真正浏览器版本AI2，之前我们称之为经典AI 。

图1-1-1 Hal Abelson 教授 图1-1-2 Google App Inventor 时期的logo 本教材所涉及的课例和源码都是基于AI2的，两个版本间的代码并不通用。

经典ai 导出的文件是特定压缩包格式，而AI2导出的文件是*.aia 。

两者相比，界面设计上面，AI2有着不少的优化，在外观上有一定的美化，模块有一定的精简，但是AI2 的组件更新，而且操作上更容易一些。

两者之前的区别主要体现在以下几点：1.在切换到块模块编程时，经典AI需要启动JA V A SDK ，在外部打开OpenBlock工具，而AI2只需切换一下界面就可以了，运行更流畅一些。

App Inventor-零基础Android移动应用开发教学大纲以Android 的图形化积木式编程软件App Inventor 2 中文版为载体，从零起点开始，以10个精心设计的趣味案列为主线进行项目驱动的教学，培养学生的计算思维，并具备基本的Android应用开发能力。

课程概述移动互联网技术和智能手机发展迅猛，移动应用Apps的开发备受关注。

本课程以Android 的图形化积木式编程软件App Inventor 2 中文版为载体，无需任何编程基础，从零起点开始，通过案例引导和项目驱动的教学方式，培养学生的计算思维能力，并具备基本的Android应用开发能力。

本课程为国家精品在线开放课程、Google精品课程。

授课目标移动互联网技术和智能手机发展迅猛，移动应用Apps的开发备受关注。

本课程以Android 的图形化积木式编程软件App Inventor 2 中文版为载体，无需任何编程基础，从零起点开始，通过案例引导和项目驱动的教学方式，培养学生的计算思维能力，并具备基本的Android应用开发能力。

课程大纲第一讲很高兴遇见你，App Inventor，梦想启程给移动互联网时代的你，来了解一下这有趣的课程吧Android和App Inventor简介动手啦，见证奇迹的时刻作业1：Hello, 小猫第二讲小机器人安安诞生记安安诞生记案例演示安安诞生记界面和组件设计安安诞生记行为逻辑设计App Inventor开发体系结构（选读）作业2：我的漫画书第三讲安安猜价格安安猜价格案例演示安安猜价格界面和组件设计安安猜价格基本行为逻辑设计数据表达和运算语句和程序结构加强版：机器人猜价格模式作业3：简单计算器第四讲安安爱画画安安爱画画案例演示安安爱画画界面和组件设计安安爱画画基本行为逻辑设计安安爱画画多个屏幕的切换作业4：小画板第五讲安安抓蝴蝶安安抓蝴蝶案例演示安安抓蝴蝶界面和组件设计安安抓蝴蝶基础行为逻辑设计安安抓蝴蝶游戏结果处理和改善作业5：打地鼠第六讲安安历险记安安历险记案例演示安安历险记界面和组件设计安安历险记老虎追安安安安历险记小球参战安安历险记过程-软件开发的核心要素作业6：打飞机第七讲安安爱弹琴安安爱弹琴案例演示安安爱弹琴界面和组件设计安安爱弹琴行为逻辑设计安安爱弹琴有关递归作业7：跟我学弹琴第八讲安安的通讯助手安安的通讯助手案例展示安安的通讯助手界面和组件设计安安的通讯助手自动收发短信安安的通讯助手持久化存储信息课程小测验（作业8）第九讲安安爱成语安安爱成语案例展示安安爱成语单机版的界面和组件设计安安爱成语单机版的逻辑和行为实现安安爱成语开启蓝牙双机对战模式作业9 单机版成语接龙App第十讲安安爱旅游安安爱旅游案例展示安安爱旅游界面和组件设计安安爱旅游指南针的实现安安爱旅游地图安安爱旅游日记簿的设计与实现安安爱旅游拍照作业10 我的足迹App第十一讲安安的股市安安的股市案例展示安安的股市界面和组件设计安安的股市基于Web服务的行为实现安安的股市同时查询多支股票增强版的设计与实现作业11 天气预报App第十二讲安安要毕业安安要毕业课程大作业要求安安要毕业App Inventor挑战赛及获奖作品介绍安安要毕业学生历年优秀作品介绍作业Final 课程大作业预备知识零起点，无需编程基础，会上网，会敲键盘就行。

第二章One and One——组件入门本章概要本章将通过引导创建OneAndOne、HappyBox、HappyDay的课程实例，熟悉组件的基本应用，了解Block编程的风格，学会测试和调试自己的App。

在界面设计和可视化块编程有一个应用的实践，达到入门级的熟悉状态，可以真正步入自己创建应用的起点。

第1节个人专属App就这么简单本节概要：学会启动App Inventor 的工作界面，熟悉各个界面布局，和各个工具栏相应位置和相应方式，通过OneAndOne的课程例子引导，开始学生对App Inventor 的启程之旅。

学习要点●启动离线App Inventor、熟悉相应流程●用户组件Label和Button的使用●如何利用简单级组件创设有趣的应用实例探究：OneAndOneOneAndOne 的定义:一个组件加一个组件，这样的前提下可以做出什么样的应用？我们可以通过这个课程实例的应用，来实践验证一下：点击应用中的按钮之后Label标签跳出设置好的名字。

图2-1-1：程序界面图2-1-2：运行结果离线环境的启动离线环境的启动，打开前文所提资源列表中离线服务器包，启动的AIServer 和Bulidserver 两个，如果App Inventor 客户端没有打开的话也一并打开，机房里我把这三个快捷方式放在一起，合并成启动三项。

图组2-1-3启动各项服务命令并提示成功启动Tip ：离线版本有可能会出现无法正常使用的时候，在都启动的时候无法正常进入。

一般只需右键Google 浏览器重新加载即可。

如果不行，也只需关闭再打开，基本都能解决问题。

界面设计与组件构成：组件的拖放和设置图2-1-5 Label 标签和Button 按钮的设置组件重命名在用户组件区（C 区）选择组件，点击rename （重命名）(图2-1-6)图表2-1-7：提问思考：组件为什么需要重命名？从用户组件区拖曳组件到视图设计，并修改相应属性，课例所用组件属性修改如下（表2-1-8）：例子——文本框label 截图如下：图2-1-9：组件对应属性栏Block 块编程拼接搭建切换到blocks 界面，观察发现组件设计界面与左侧blocks 下组件相互对应图组2-1-10可以发现design界面和block界面关于 screen1下的组件是一一对应的具体操作如下图所示○1点击BtnGetName按钮拖曳一个click事件框图2-1-11○2点击labName的设置text属性框与click框相接（接口正匹配）图2-1-12Tip：在下图2-1-13操作中，从Built-in处选择text 拖入一个空白文本模块拼接后键入字符，也可以先键入字符再拼接，此处无影响，即模块以最后形状为准，中途没有先后操作关系。

《App Inventor移动应用开发》教学大纲教案1．课程代码：2．课程类型：3．学时：32/48学分：2/34．课程简介：App Inventor是一个基于网页开发Android移动应用程序的快速开发平台，它抛弃复杂的程序代码而使用搭积木的方式来完成您的Android程序。

虽然，App Inventor编写的应用程序或许不是很完美，但它却是普通人都能做的，而且通常是在几分钟内就可完成一个简单的作品。

本课程积极响应教育部和教指委的号召,推进以计算思维和人工智能为导向的新一轮计算机基础课程改革。

以App Inventor为依托，把抽象的计算思维具体化，把复杂的编程思想形象化，通过积木块的编程和将计算思维无缝的融入到一个个有趣的App Inventor小项目，促使学生能理解计算思维的真正内涵和体会到学习编程的乐趣，培养学生的创新能力和使用计算机解决实际问题的能力，推动计算机课程的多元化教学改革，切实提高教学质量和效果。

5．课程目标：本课程以训练计算思维、激发编程兴趣和用计算机解决实际问题为目标。

完成本课程学习后应达到如下目标：知识目标：学生通过该课程的学习，能够快速了解到程序设计基本知识，软件设计与开发的基本知识，手机应用开发的流程，计算思维。

能力目标：学生理解计算思维的真正内涵，并能使用计算机解决实际问题，在较短时间内可将自己的点子（创意）变成手机应用作品。

素质目标：结合课程思政，达到使学生养成良好的学习习惯和思维方式，形成严谨求是的学习方法和科学的研究态度，在之后的学习和工作中少走弯路。

6．面向专业：7．考核方式：平时作业+综合项目8．教学方式：讲授、案例教学、讲练相结合、混合式教学、分组讨论。

10．教材及教学参考资料：瞿绍军. App Inventor移动应用开发标准教程(第2版）.人民邮电出版社，978-7-115-47380-6本书全面、系统地介绍Photoshop CC 2019的基本操作方法和图形图像处理技巧，并对Photoshop在设计领域的应用进行细致的讲解，具体内容包括图像制作基础、软件基础操作、插画设计、Banner 设计、App设计、H5设计、海报设计、网页设计、包装设计、综合设计实训等。

第2节快乐打鼹鼠——HappyKick本节概要：本章将通过HappyKick的课例，介绍新组件canvas、ImageSprint，在后续中添加计时器组件。

围绕canvas的点击事件，配合一些常用控件，达到打鼹鼠的游戏效果，为了让游戏更有趣和耐玩性，增加了生命值和血条等参数。

通过学习本节，让学生明白，做一个安卓小游戏，也是一件很简单的事。

学习要点●熟悉canvas、ImageSprint组件●熟悉计时器组件●设置自变量来显示血条认识新组件表3-2-2 :Image组件与ImageSprint组件的异同点实例探究： HappyKick图3-2-3：程序界面1 图3-2-4：程序界面2界面设计与组件构成：图3-2-5最终UI界面组件的拖放和设置图3-2-6图3-2-4所示。

界面主要涉及到的是第一次用都的canvas组件，ImageSprit、Clock组件，拖曳。

组件清单：2个canvas，1个图片精灵 2个水平布局组件，垂直组件目录Block块编程拼接搭建要实现课例的需求，则需要用block编程实现以下几个问题：○1鼹鼠的点击事件学生首先会想到的是Imgs_BeCatch（鼹鼠图）的单击事件，这样想是情有可原的，但是我仔细再思考一下，Imgs_BeCatch的Click事件能够表示被抓到，那么没有抓到的情况呢？所以综合考虑从之后，我们还是要从canvas下手，从canvas的touched事件下手，在单击时是不是碰到了Imgs_BeCatch（鼹鼠图），这是一种不一样的思维角度。

图3-2-6○2鼹鼠的移动事件疑问：怎样移动？之前，关于改变在app中组件的位置,我们之前一直没有尝试过，而作为动画主角的图片精灵，小鼹鼠也应该是变换着位置，这里会用到数学的随机函数（在游戏类里，随机数可以产生变化，增加趣味性）。

所以通过随机数，让鼹鼠改变位置，这是课例的一个基本解决方案提问：为了让鼹鼠能够完整的出现在屏幕里，随机产生的位置需要什么样的设置？数学的随机函数random（n,m）:在n~m之间产生一个随机整数。

APPInventor手机应用程序的开发 1APPInventor的间介 1.1APP Inventor APP Inventor是Google针对Android平台，于2010年提出的以浏览器为基础的开发工具，开发者只要使用浏览器便能开发Android设备上的应用程序，开发者所设计的应用程序项目(Project)会放在云端储存起来。

图1是APP Inventor登录后的界面，当进入开发页面后，就可以管理自己储存于云端的应用程序项目。

Android与Google的应用已经完美无缝结合，渗透了互联网，因此APP Inventor很好地利用了Android开拓宽市场。

当利用APP Inventor开发手机运用程序完成后，可以将其生成二维码，然后使用Android手机上的扫码工具扫二维码下载完成之后，就可以使用这个APP Inventor开发的手机运用程序了。

如图2所示。

1.2APPInventor对初学编程者的优势 APP Inventor是完全开源的软件，利用模块拼接的方式省略了编码的过程，使初学编程者更容易了解软件的内部结构，因而不需太多编程基础;积木式拼接程序;语法错误少;调试容易;使用简单、有趣，形式多样，变幻较多，能激发和活跃学习者的兴趣和思维。

帮助初学编程者消除对编程的畏惧，提高对编程的兴趣，培养编程思维。

1.3开发应用程序的意义 算法与程序设计是信息技术教学的传统内容，其基本的价值取向不以代码编写训练为要义，而以程序设计方法和算法体验为旨归，主要表现在，学习者通过本模块的学习能借助积木式程序设计语言理解生活中的算法问题，并与程序语言表迖的算法形成关联能设计算法并通过拖拽图标方式编写程序解决生活中的简单问题，初步体验程序设计的过程和算法概念。

计算思维是指运用计算机科学的基础概念进行问题求解，系统设计以及人类行为理解等涵盖计算机科学广度的一系列思维活动，程序的编写过程，实质上是问题的提出解决过程的引入APP Inventor使学生实现自己的创意成为可能并获得卓有成效的学习经历，从而真正主动地进行任务驱动型的学习，直接培养学生的计算思维能力。

app_inventor入门手册入门1.设置您的手机和电脑App inventor需要在web浏览器和Java Web Star程序上运行。

用USB数据线连接你的手机和App inventor程序才能创建你想要设计的程序。

首先你要下载”App Inventor Extras”客户端你的计算机需要满足以下条件，才能运行”App Inventor Extras”安装App Inventor软件包使用App Inventor之前，还需要安装App Inventor Setup软件包在你的电脑上。

你要根据你的电脑的系统去下载相应的安装包，这里只提供Window版本的安装包下载地址appinventor_setup_installer_v_1_1.exe，其他的版本可以自己到网上去下载。

操作系统:Macintosh: Mac OS X 10.5, 10.6Windows: Windows XP, Windows Vista, Windows 7 GNU/Linux: Ubuntu 8+, Debian 5+ 浏览器Mozilla Firefox 3.6 或更高Apple Safari 5.0或更高Google Chrome 4.0或更高Microsoft Internet Explorer 6或更高一般情况下浏览器的版本越高越好JAVA您的计算机需要运行Java 6(即Java1.6)您的浏览器需要进行配置，以便它可以启动Java程序你可以测试Java是否正在您的计算机和安装的版本是提示:如果您使用的是Mac，建议您使用的JRE 1.6(Java 6)。

许多Mac电脑都安装了Java 5和Java 6，但被配置为默认使用的Java 5。

您可以更改默认的Java 6以下步骤: 1)在Finder中，打开应用程序”>实用程序”> Java文件夹。

2)运行Java Preferences。

3)选择常规选项卡4)你会看到两个列表- Java applets和Java applications。

Appinventor（android开发工具）中文入门使用手册移动互联研究工作室App inventor(android开发工具)中文入门使用手册发表于2010 年 11 月 11 日由adminAPP Inventor很强大！只要你敢想，那么就没有你做不出来的。

利用它你可以创造出任何你想要的应用。

通常在开始进行开发的时候，人们可以做出《MoleMash》这样的游戏，或者是那种恶搞的可以让你在你的朋友的照片上随便涂鸦的小程序。

当然，你甚至可以利用手机自带的重力感应功能开发出那种倾斜手机，让一个小球在迷宫中滚来滚去的小游戏。

我们并不只局限于做出以上这些简单的小游戏。

你同样可以利用它制作出带有通知和教育功能的专业软件。

比如，你可以创建一个试题软件来帮助你和你的同学来做考前复习。

通过Android系统包含的文字语音识别系统，你可以让手机直接帮你读出这些试题。

即使你不是个专业的程序员，你一样可以轻松使用App Inventor。

App Inventor不需要有任何程序开发经验。

因为在这里，你将使用到完全可视化的操作方式来设计应用程序的外观，并且使用封装好的模块来实现应用程序的各种行为，这些都无需编写代码！了解App inventor入门1.设置您的手机和电脑无论您使用的是Mac或PC，一个 Nexus One或一个MyTouch，本节将告诉你如何设置您的手机和电脑。

App inventor需要在web浏览器和Java Web Star程序上运行。

用USB数据线连接你的手机和App inventor程序才能创建你想要设计的程序。

首先你要下载”App Inventor Extras” 客户端你的计算机需要满足以下条件，才能运行”App Inventor Extras”操作系统：Macintosh: Mac OS X 10.5, 10.6Windows: Windows XP, Windows Vista, Windows 7GNU/Linux: Ubuntu 8+, Debian 5+浏览器Mozilla Firefox 3.6 或更高Apple Safari 5.0或更高Google Chrome 4.0或更高Microsoft Internet Explorer 6或更高*一般情况下浏览器的版本越高越好JAVA您的计算机需要运行Java 6（即Java1.6）您的浏览器需要进行配置，以便它可以启动Java程序你可以测试Java是否正在您的计算机和安装的版本是提示：如果您使用的是Mac，建议您使用的JRE 1.6（Java 6）。