文中有些地方摘自微博名为老巫婆的好心老师的翻译教程《App

Inventor编程实例及指南》。博文地址：http://blog.sina.com.cn/s/articlelist_1646365593_0_1.html

感谢前辈为我们都做的探索工作，让我的App

Inventor学习之旅得以顺利进行！​

Step3:添加猫叫声(喵呜~)

图1-添加Sound组件

从Media(多媒体)组件面板中将Sound组件拖入至屏幕，如上图所示，不管你拖至哪里，它始终会落在屏幕的下方(非可视区)，非可视组件在应用中发挥特定作用，但不会显示在用户界面中(也就是在手机屏幕上是看不到的)。

接下来设置Sound1的Source属性为meow.mp3，Source属性为meow.mp3，同猫咪图片一样，需要从电脑中加载声音文件meow.mp3。加载完成后，Media列表中将出现kitty.png与meow.mp3两个文件。如下图所示：

图2-Media列表

Step4：添加组件行为

到现在为止，我们才刚刚完成准备工作，接下来，我们要设置组件的行为，也就是当我们触摸屏幕的时候，喵星人会发出萌萌的声音。现在使用块编辑器来实现点击Button产生猫叫声的功能。单击设计器右上角的“Blocks”按钮切换到块编辑器。在块编辑器窗口中，可以为组件设定行为：做什么以及何时做。此处是让小猫按钮在用户点击它时播放声音。如果把组件比作菜谱中的原料，那么块(Blocks)则相当于烹饪过程说明。

图3-块编辑器

​

在块编辑器窗口的左侧，“Blocks”标题下面，可以看到许多分属不同类别的按钮，其中包括了我们在设计器中创建的所有组件：Screen1、Button1、Label1以及Sound1，点击它们就像打开抽屉，将看到一组适用于该组件的可选程序块(Blocks)。点击Button1打开抽屉，显示了与Button有关的程序块，可以用它们来设置Button的行为，最上面的Block就是Button1.Click，如下图所示：

图4-Button组件的相关行为(类似于Java里的方法)

​

单击标有Button1.Click的块并将其拖到工作区。注意，Button1.Click这个块上包含了when。凡是包含when的块都被称为事件处理程序，用来定义当组件上发生了某种特定事件时，应用该做什么。在本例中，当用户点击猫咪(其实是按钮)时发生了有趣的事情，如下图所示。下面我们将在程序中添加一些块，来响应发生的事件。

图5-定义“Button.Click”块来响应用户的点击事件

​ 在块编辑器中点击Sound1打开抽屉，拖出“call

Sound1.Play”块(之前将Sound1的Source属性设置为meow.pm3)。注意，块“call

Sound1.Play”的形状恰好可以嵌入Button1.Click块中标有“do”的缺口。App

Inventor的这种设置，确保只有特定的块可以组合在一起，这样确保了连在一起的块可以协同工作。标有call的块用来定义组件的行为。在本例中，这两个块结合在一起，构成一个单元，如图1-9，两个块连接到一起时，你会听到“啪”的一声。

图6-当按钮按下播放声音

上面的程序块的意思：当按钮(猫咪)被按下，播放猫叫的声音，有没有觉得编程很巧妙呢？到这里，小伙伴们感激测试一下你的app吧！逗逗它吧！“喵呜~喵呜~”至此，一个简单的“HelloKitty”就做好啦！赶紧将app发送给你的朋友分享一下你的喜悦啦！什么？What?还不会打包？好吧，且往下看~

Step5：​打包成app

图7-打包成app

​在Build中选择第二个选项，暂时不管第一个选项，生成apk文件，然后将其发送给你的谁谁谁(想给谁就给谁吧！)接下来就是安装，运行，一个萌萌的喵星人app就这样诞生了！

​

Step6：添加震动效果(提升逼格的节奏)

​​进入块(Blocks)编辑器，单击Sound1打开抽屉；​

图8-Sound1抽屉中的程序块

选择call Sound1.Vibrate块，将其拖动到when Button1.Click 块内，置于call

Sound1.Play块下，恰好与原来的块吻合；如果不吻合，可尝试拖动它，使call

Sound1.Vibrate块顶部的凹陷恰好与call Sound1.Play块底部的凸起相对。

图9-单击事件引起震动

接下来在millisecs(毫秒)的缺口处插入一个数字块，如果想让手机振动半秒钟，则输入一个“500”的数字块。​​打开Math(数学)抽屉，其中的第一个块是“0”，这就是数字块，下图所示。

图10-Math抽屉

将第一个蓝色块拖入工作区，并将其中的0改为“500”，按回车键结束，并将其插入至millisecs之后

图11-程序块组图

测试下你的喵喵，看看伴随着声音是不是还有震动呀？

Step7：摇一摇(帅到没朋友的节奏)​

现在来添加最后一项，在Android设备上实现一个很酷的功能：摇晃设备时发出猫叫声。为此要用到AccelerometerSensor(加速度传感器)组件，它可以检测到设备的摇晃或移动。​

在设计器中，展开组件面板中的传感器(Sensors)分类，拖出一个AccelerometerSensor(加速度传感器)组件。不必介意把它放到哪里，像任何非可视化组件一样，无论你把它放在预览窗口的什么地方，它都会落到预览窗口底部的“​非可视组件”区域。

图12-添加加速传感器

摇晃设备的事件需要与单击按钮事件分开处理。这意味着需要一个新的事件处理程序。进入块编辑器，打开AccelerometerSensor1抽屉，拖出AccelerometerSensor1.Shaking块。

图13-添加加速传感器的振动事件

将Sound1.Play块插入AccelerometerSensor1.Shaking插槽，如下图所示(当加速传感器振动时，调用sound组件的播放声音功能，简单来讲就是当手机摇晃时，播放猫叫的声音)，摇一摇你的手机，感受一下~

图14-当传感器振动的时候，播放猫叫的声音

HelloKitty应用中所有的应用块：

图15-HelloKitty中的所有应用块

上面的应用块显示了整个程序的逻辑：屏幕被按下和手机被摇晃是两个独立的动作，当两个事件发生的时候会引发一些动作(播放声音，震动)；当按钮被按下时会同时调用两个动作(播放猫叫声和屏幕震动)，当手机被摇晃时调用的是猫叫声。

至此，一个完整的HelloKitty就成型啦！呼呼~教程写到手酸，​今天的课就到这吧，下次继续！欢迎大家关注我的微信公众号“云端微课”可以定期观看视频教程，并获得相关资源。

​

​

​

​

​

​

​