App Inventor 安卓手机应用开发简易入门 第一章

第一章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只需切换一下界面就可以了，运行更流畅一些。

图1-1-3经典版AI Block块风格

2.界面色彩上：AI2更注重区分块模块的类型，方法属性，并使之颜色更加鲜明有区别，UI界面效果感觉更佳。

图1-1-4 AI2 Block块风格

顺便说一下，原有Google 实验室的子项目App Inventor转移到MIT之后，Google 在2012年又推出了一个图像化编程工具Google-Blockly，这是基于多种

语言可导出代码的图形化编程工具，同样的类似可视化块编程的模式，在它身上可以看到Scratch和App Inventor相结合的身影。

由此，App的程序设计开发的思想和制作工具本身并不是绑定的，App Inventor制作的程序虽然不能直接在苹果IOS上搭载运行，和我们要不要学习使用App Inventor开发App并不矛盾，因为App界面设计和事件相应的流程是基本相通的。

第2节App Inventor 的运行环境搭建和机房教学环境配置说明：安装环境，经典ai稍微复杂一些，需要安装jdk和设置App Inventor 的环境变量，而目前AI2都已经比较成熟，相对来说比较简单，所以这里只对AI2的环境做大致介绍。

资料准备：

图1.2.1 App Inventor安装环境程序资源列表

资源列表说明（如下表1-2-2）

其实App Inventor的安装还是很简单的，如果个人使用只需要在电脑上安装C、D就可以，但是在机房教学要考虑众多因素，所以自主搭建App Inventor的运行环境也是十分必要的。

离线环境介绍

为了适应机房的教学，所以在线方案之上又提出了一个App 的离线环境搭建方案主要参考了wanddy 的分享离线资源包(可从App Inventor 中文版官方网和文章开头所给网址链接处下载)。

表1-2-3：离线单机版和在线版本的区别

离线单机版 在线版本 共同点 软件使用和使用习惯基本一致，源代码可通用

各自优点（不足） 稳定 封闭式局域网，不占用intent 带宽资源 离线版本在ai 伴侣的版本兼容性性会有一定的限制 推荐机房使用

服务器在海外，尚不稳定

享有独立账号Google 在线云存储，

在线即可通过任意pc 端进入到上次

辑状态，组件更新及时

推荐个人使用 环境配置 需安装 App Inventor 客户端 App Inventor 局域网离线服务器

App Inventor 客户端

提示：目前受网络屏蔽的关系，App Inventor 的官方在线服务器一直存在难以打开的问题，所以即使是个人使用，也推荐自己搭建局域网服务器。

第3节App Inventor 的基本使用

使用App Inventor 开发一个App ，你只需要打开浏览器，输入在线地址，进入设计组件界面，拖曳好相应的组件，再切换到Block 块编程界面，对组件进行相应的事件定义和参数设置。

1.3.1界面设计与组件拖拽

图1-3-1：A: 用户组件区 B: view 视图区 C ：已用组件区 D ：组件属性区

在界面设计阶段：只需从把组件从A 区域拖拽放入B 区域界面设计下 screen 组件下（新建一个项目自动会产生一个screen 组件根目录），然后在选择相应组件，在

d 区修改相应属性。

1.3.2可视化块编程模式

进行完一般的界面设计之后，我们切换到block 界面，进行图形块的拼接。

图1-3-2：切换界面

主界面如下图所示：

图1-3-3（A ：组件对象和事件 B: 模块化拼图搭建）

从A 区域选择一个对象，进行事件的响应，或设置参数。这里只做基本展示，下面的课程当中将会结合具体实例讲的更加精细。

1.3.3在线云存储

使用在线App inventr 官网时，用Google 账户登录，即可实现在线云存储，点击Save Project 项目就会保存在Google 云。

下次即便不用这台电脑，使用同样的Google 账号登录App Inventr 的网站就可以，默认会跳转到最后一次使用离开时的项目设计界面，十分方便。

1.3.4连接调试

当我们在block 界面，程序块都已经拼接完毕之后，就需要我们做一个调试测试，看所做的App 有没有达到我们的设计意图，运行上是不是有问题，连接测试有三个选项：

A B