### 第 1 章 Hello 猫咪
**教学制作**：一克拉
**App作品下载**：
**视频教程**：稍候上传
**效果说明**：
当你触摸这只猫时，它会发出“喵呜”声；
当你摇晃它时，则将发出嘟嘟的震颤。
**一、【学习目标】**
本章用到了以下组件和概念：
1、选择组件来创建应用：决定了应用 的外观；
2、为组件设定行为：做什么以及何时做；
3、 使用组件设计器选择组件，在Android设备上，有些组件可以显示，有些则不可见；
4、从本地计算机加载媒体文件（声音或图像），并添加到应用中；
5、用块编辑器来组装程序块，以此来设定组件行为；
6、 用App Inventor的实时测试功能对应用进行测试。你可以一边创建应用，一边在手机上看到它们外观以及运行情况；
7、 将应用打包并下载到Android设备上。
**二、【制作环境】**
App Inventor的编程环境包括以下三个重要组成部分:
**组件设计器**,运行在浏览器中，创建应用过程中，用它来进行组件的选择，并进行属性设置；
**块编辑器**也在浏览器中运行，用于创建组件的行为；
**测试设备**：在开发应用过程中，可以用Android设备对应用进行同步的运行与测试；如果你手边没有Android设备，你可以使用系统中集成的Android模拟器来测试应用。
**三、【制作组件】** 四个：
1、标签（宠物小猫文字说明）
2、按钮（作为热点，图像更改为猫咪）
3、声音（非可视组件）
4、传感器（Sensors，加速度传感器AccelerometerSensor）
**四、【制作程序】** 块编辑
1、对按钮编程 ：当手点上按钮猫图时，播放声音并间隔半秒（500毫秒）
2、对声音编程：把声音块程序加到按钮事件中去
3、对传感器编程：两个属性，加速度改变及传感器晃动shaking（手机晃动）
**五、【制作过程】**
**（一）、创建一个Label（标签）**
添加的第一个组件是Label：
1. 转到组件面板（Palette），单击Label（列表中的第五个），并将其拖动到预览窗口（Viewer）中。你会看到一个矩形框出现在预览窗口中，框里写着Text for Label1。
2. 看组件设计器右侧的Properties（属性）框，它显示了Label的属性。在中间位置有一个Text属性，下面是Label中显示的文字。将文字改为“宠物小猫”并按回车键。你会看到在预览窗口中的文字也改变了。
3. 单击BackgroundColor（背景色）下面的方框来改变Label的背景色，目前属性值为None（无背景色），从显示的颜色列表中选择蓝色，并将Label的TextColor（文字颜色）属性改为黄色。最后将FontSize（字号）属性改为20。
**（二）、添加Button（按钮）组件**
HelloPurr应用中的猫咪用Button组件来实现：
创建一个普通Button，然后将Button的图像更改为猫咪。
1. 首先，需要下载的小猫的图片，并保存在你的电脑上。
2. 在属性框中点击中部Image属性，显示“Upload File…”按钮。
3. 单击“选择文件”按钮，浏览并选择之前下载的图片文件，然后单击确定。
4. 在测试设备中，也将显示猫咪的图片，此时按钮看起来像一只小猫咪。
5. 注意到猫咪的图片上显示文字“Text for Button1”，将Button1的Text属性改为“宠物小猫”一类的文字，或者干脆删除所有文字。
**（三）、添加猫叫声**
当点击按钮时，应用会发出猫叫声。为此需要添加猫叫的声音文件，并通过设定Button的行为来实现这一功能：
1. 如果meow.mp3文件尚未下载，现在下载；
2. 在左侧的组件面板中，单击Media类的标题打开Media组件列表。向预览窗口中拖放一个Sound组件。无论你把它放在哪里，它都会出现在预览窗口的底部，并被标记为“Non-visible components（非可视组件）”。非可视组件在应用中发挥特定作用，但不会显示在用户界面中；
3. 点击Sound1以显示其属性。设置其Source属性为meow.mp3。同猫咪图片一样，需要从电脑中加载这个声音文件。加载完成后，Media列表中将出现kitty.png与meow.mp3两个文件。
HelloPurr中的组件类型 面板中分组 命名 作用
Button User Interface Button1点击发出猫叫声
Label User Interface Label1 显示文本“宠物小猫”
Sound Medi undefined Sound1播放猫叫声
**（四）、块程序，添加组件行为**
单击设计器右上角的“Blocks”按钮**切换到块编辑器**。
**（1）、发出猫叫声** 如下图 （上部分）
**（2）、添加震动效果** 如下图下部分
**（3）、将应用打包以供下载**
在测试设备上使用AI伴侣做实时测试，或上传软件包到手机中安装测试。如果在App Inventor中对应用进行了修改，那么修改结果必须重新打包，并下载安装新版本来替换设备上的原有版本。
**（4）、马上用Android设备下载安装**HelloPurr应用吧，这样，你就可以与家人和朋友一起分享了！
**（5）、分享应用**
有两种方式：
第一，将apk文件上传到web上，让其他人可以下载并安装。
第二，保存为扩展名为aia的文件（HelloPurr.aia），用App Inventor选择Project→Import project，并选择.aia文件。这样，使用者获得了该应用的完整备份，对此备份的任何修改，都不会影响原有版本。
**（6）、改进**
通常是先创建一个应用，之后设法改进、完善它，并重新回到程序中来实现你的新想法，这正是一名优秀开发者的必经之路！
1 当摇晃设备时，猫的叫声好像有回声。这是因为在1秒钟内，加速度传感器多次触发摇动事件，所以猫叫声是重叠的。你会发现Sound组件有一个属性Minimum interval（最小间隔），它决定了两次声音播放之间的时间间隔。当前设置为400毫秒（约半秒钟），这个间隔小于单次猫叫的持续时间（500毫秒）。通过改变播放的最小间隔，可以改变声音的重叠。
2 通常Android应用会保持在运行状态，即使你不去管它们，应用程序与加速度传感器之间的通信也不会间断，因而猫叫声也会相继传来。
要想真正退出程序，需要呼出HelloPurr应用并按下设备上的菜单按钮，会呼出两个选项，其中stop this application用来停止并完全关闭应用。
**小 结**
以下是本章中涵盖的内容：
1 创建应用的过程：在组件设计器中选择组件，并在块编辑器中设定它们的行为，解决做什么及何时做；
2 有些组件是可见的，有些则不可见。可见组件会出现在应用的用户界面中；不可见组件执行像播放声音这类的事情；
3 通过在块编辑器中组装“块”来定义组件的行为。
4 有些块（命令）需要附加特定信息才能起作用。例如震动就必须设定振动的毫秒数。这些值被称为参数。
5 数字块用来表示数字。你可以将这些数字块插入到需要参数的命令块中。
6 App Inventor提供传感器组件，加速度传感器(Accelerometer Sensor)可以检测到设备的移动。
7 可以将创建完成的应用打包并下载到手机上，它们将独立于App Inventor而运行。
THE END
