APPInventor实例与讲解

《APPInventor实例与讲解》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第1章HelloPurr本章将开启你的创建应用之旅。这里介绍了AppInventor的关键要素——组件设计器及块编辑器，并手把手地引导读者创建第一个应用：HelloPurr。在完成本章的学习之后，就可以开始创建自己的应用了。每当搭建了新的开发环境，通常运行的第一个程序就是显示“HelloWorld”，来证明系统已经就绪。这个传统可以追溯到20世纪70年代，从BrianKernighan在贝尔实验室使用C语言开始（Brian现在是谷歌AppInventor团队的访问学者！）。使用AppInventor，即便是创建最简单的应用，也可以实现声音的播放以及对屏幕触摸的响应，而不只是显示文字。想想都令人

2、感到兴奋，那么，让我们马上开始吧。第一个应用是“HelloPurr”（如图1-1），当你触摸这只猫时，它会发出“喵呜”声；当你摇晃它时，则将发出嘟嘟的震颤。图1-1HelloPurr应用学习要点本章用到了以下组件和概念：·选择组件来创建应用：决定了应用的外观；·为组件设定行为：做什么以及何时做；·使用组件设计器选择组件，在Android设备上，有些组件可以显示，有些则不可见；·从本地计算机加载媒体文件（声音或图像），并添加到应用中；·用块编辑器来组装程序块，以此来设定组件行为；·用AppInventor的实时测试功能对应用进行测试。你可以一边创建应用，一边在手机上看到它们外观以及运行情况；·将

3、应用打包并下载到Android设备上。AppInventor的开发环境AppInventor的编程环境包括以下三个重要组成部分，如图1-2所示：·如图1-2A所示，组件设计器运行在浏览器中，创建应用过程中，用它来进行组件的选择，并进行属性设置；·如图1-2B所示，像组件设计器一样，块编辑器也在浏览器中运行，用于创建组件的行为；·测试设备：在开发应用过程中，可以用Android设备对应用进行同步的运行与测试；如果你手边没有Android设备，你可以使用系统中集成的Android模拟器来测试应用。图1-2A组件设计器图1-2B块编辑器在浏览器中访问ai2.appinventor.mit.edu即可

4、启动AppInventor。如果你是第一次使用AppInventor，你会看到弹出的项目（Projects）窗口，它多半是空的，因为你还没有创建过任何项目。单击页面左上角的“ProjectàStartnewproject…”创建一个项目，输入“HelloPurr”作为项目名称（注意不带空格），然后单击OK。打开的第一个窗口是组件设计器（Designer），你可以单击窗口右上角的Blocks按钮来切换到块编辑器。在Project右侧的Connect下拉菜单中有三个可选项（三类测试设备），如图1-3所示。图1-3单击“Connect”并选择“AICompanion”（应用开发伴侣，或简称AI伴侣）

5、如果手边的Android设备可以通过WIFI访问互联网，用该设备访问GooglePlay，搜索MIT的AICompanion，下载、安装并启动它。然后在“Connect”下拉菜单中选择“AICompanion”，并按照弹出窗口以及AI伴侣中的提示进行操作。除此之外，也可以使用Android模拟器来测试应用，选择“ConnectàEmulator”来加载Android模拟器，大约要等30秒钟。如果一切正常，将会看到组件设计器窗口、块编辑器按钮，如果你选择了Emulator选项，你还可以看到模拟器窗口（屏幕上看起来应该像插图1-2A和1-2B，但窗口中大部分是空的）。如果您还有问题，请重温网站ht

6、tp://ai2.appinventor.mit.edu中的安装说明。设计组件我们使用的第一个工具就是（也只能是）组件设计器。组件是你用来创建应用的基本元素，就像菜谱中的原料。有些组件非常简单，如“Label”（标签）组件，它用于在屏幕上显示文字；或者如“Button”（按钮）组件，轻按它则引起一个动作。其它组件则要更复杂：一个绘图的“Canvas”（画布）组件可以容纳静止图像或动画；“accelerometerSensor”（加速度传感器）组件是一种运动传感器，它的工作原理类似于Wii控制器，它可以检测到设备的移动或摇晃；还有的组件用于编写并发送短信、播放音乐和视频以及从网站获取信息等等。当

7、你打开Designer时，其外观如插图1-4所示。图1-4AppInventor的组件设计器Designer被划分为如下几个区域：·中部的白色区域称为预览窗口（Viewer），用于放置应用中所需的组件，你可以按照自己的喜好来安排这些组件。预览窗口只能粗略地显示应用的外观，例如，与测试设备中的应用相比，在预览窗口中，一行文字可能会在不同的地方换行。如果想看到应用的实际外观，可以将应用下载到测试设备上