Android手机的Google App Inventor编程入门

发表于 2011/12/3 17:28:35 阅读（4360）

Google App Inventor为全云端的开发环境，所有的动作大家在浏览器上完成（建议使用谷歌浏览器），是全图形界面编程，可以让使用者完全不需写任何文本式程序码即可完成应用程式开发。

一、创建Google App Inventor编程环境
您需要做三件事，来创建Google App Inventor编程环境：

1、安装google浏览器，要注册google的帐号，如下图：

2、测试您的电脑上是否可正确运行的Java（测试页面）
http://www.java.com/en/download/testjava.jsp

如果您的电脑的Java不在运行，就直接在该网页下载并安装Java。
3、安裝Google App Inventor软件

Google App Inventor的下载网址：http://dl.google.com/dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe

安装路径需为：C:\Program Files\AppInventor\commands-for-Appinventor

PC机的Google App Inventor编程环境建立起来后，就要使您的Android手机能与App Inventor通过USB线联机，或者说同步。可以用360(91)手机助手安卓版，来同步。新版360(91)手机助手支持2500多款Android手机，相信您的手机应该被她支持。

下面介绍一下，如何在Android手机上正确安装同步程序。

二、手机设定：

1、从菜单- >设置- >应用程序- >未知源打勾

从菜单- >设置- >应用程序- >开发- > USB调试打勾，保持唤醒状态打勾，如图：

2、到360安全卫士网址http://www.360.cn/下载360安全卫士软件，为啥，要下载360安全卫士软件那？因为360(91)手机助手居然与360安全卫士捆绑在一起的。相信许多人的电脑上也安装了这个软件。

360手机助手的PC机与Android手机同步联机路径：

在360(91)手机助手软件界面上，点击菜单栏上的“我的手机”，这时您的Android手机要用USB线连接上PC机，手机助手软件会自动下载同步驱动，并且会自动安装驱动。最后360(91)手机助手软件界面上会显示如下图所示联机成功的画面。看我的华为8600手机已经通过USB连上了电脑。

然后我们就可以轻松地用Google App Inventor软件为Android手机编程了！

三、程序编制与运行

以Hello_CAT为例来讲解App Inventor程序编制与运行：

Step1：进入Google App Inventor开发页面http://appinventor.googlelabs.com，进入编程环境，如果您第一次使用App Inventor，会看到一个空白工作页。

Step2：请点选界面左上角的New按键，接着请输入程序名称：“Hello_CAT”，不能输中文程序名，接着会进入Designer页面，这就是您选择程序元件并决定人机交互面板外观的地方。

Step3：App Inventor的各种程序元件都位于Designer页面左侧的Palette框架下。

将Button元件拖到Screen1中，Button元件位于的Palette框架下的Basic选单中。
在Button元件的Properties框架中，下图“红色框”标注的位置，点选image下的none…。
点选Add…。
选择kitty.png图，请下载：2787388896548.zip
将Text档位的预设字样“DeleteText for Button1”删除。

如图：

Designer页面：加上一个Label元件，看上图，Label元件在Palette框架下的Basic选单中。在Label元件的Properties框架中，设置Text为：“逗逗我吧…”。

Palette框架下点选Media，展开所有清单，将Sound元件新增到页面中间的Viewer框架中。因为它是非可视元件（Non-visible components），它都不会在Viewer中出现而只会显示在viewer的下方。Add加入音效文件meow.mp3，在Sound元件的Properties框架中，设置Source为：meow.mp3。音效文件meow.mp3请下载：2789479773158.zip

Step4：Designer页面设计的只是人机交互面板，面板需要Blocks Editor程序支持，下面介绍如何打开Blocks Editor程序编辑界面，如何编辑程序。

看上图，点击“Open the Blocks Editor”，Google浏览器会自动下载，ApplnventorForAndroidCodeblocks.jnlp文档，点击它，就可以打开Blocks Editor视窗。然后我们编程！

找到Blocks Editor视窗，在它的左上角有两个选项：内建指令(Built-in)与自订指令(My Blocks)，点击之后会展开并显示其下的指令。内建指令是常用的标准指令，自订指令则是根据你刚才Designer页面设计中制作的元件来显示对应的指令。刚才在Designer页面设计中制作的元件，是不是有Button1，Label1，Sound1,和Sceen1，想想。

点选My Blocks，再点击其下的Button1。
在Button1右侧会自动出现与Button1相关的指令。
将when Button1 Click do指令拖拉到编辑区。
点击My Blocks其下的Sound1。
把Sound元件的指令call Sound1.Play指令拖到编辑区，并将其嵌入到when Button1 Click do指令下方。
程序编制完成了！简单吧。

Step5：连接手机

程序的外观和程序的逻辑都编制完毕，下面的工作就是把Hello_CAT程序下载到手机运行。

手机连接完毕之后，Blocks Editor视窗右上角的“Connect to device”，点选该按键后，Blocks Editor就会和手机开始传输，您所编写的程序出现在手机画面上了。如果没有出现程序画面，就点击“Connect to device”下方的“Restart App on device ？”的“？”，等待联机就OK了！

点击您手机的Android猫图案，猫会发出声音，如视频。

Step6：如何生成apk格式安装文件。

有了apk格式安装文件，就可以传给您的好友，让她安装在Android手机，也来玩玩这只Android猫。

点击在Designer页面中的篮圈标注的“Download to this Computer”,这时就开始打包“Packaging”成apk格式安装文件，等会时间，Google浏览器会把这个文件自动下载到您的电脑里。

Hello_CAT的apk安装程序这里提供下载：2803279775723.zip

Step7：用Google App Inventor软件自带的模拟器仿真Hello_CAT

如果您暂时没有Android手机，也可以用模拟器也验证您编程的效果。

点击上图“New emulator”按键，则过一会就出现Android手机模拟器画面，如下图左侧图案。把左侧图案上的“绿色解锁”按键向右一拖，解锁后，出现下图右侧图案。然后，看上图，点击“Connect to device”下方的“emulator-5554”，于是开始 App Inventor软件与模拟器联机。