编程环境

本教程从一个按钮和 TextToSpeech 开始，最后让用户输入任何文字并通过摇一摇触发朗读。

设置电脑和手机

• 起始工程：会说话的App.aia
• 起始 Blocks：会说话的App.asc
• 完整工程：会说话的App完整版.aia

用 AI2 Companion 连接手机，确认手机音量和系统文本朗读服务已开启。

会说话的 App：第一部分

1. 认识设计器和积木编辑器

设计器负责界面，积木编辑器负责程序。先熟悉组件面板、预览区、组件列表、媒体资源和属性面板，再开始拖入组件。

2. 认识组件窗口

组件面板提供组件，预览区显示界面，组件列表列出当前组件，媒体资源管理图片和声音，属性面板用来修改属性。后面需要保持 Button1 和 TextToSpeech1 的名字。

3. 连接 AI2 Companion

在 App Inventor 的“连接”菜单选择“AI2 Companion”，在手机端选择扫描二维码，用摄像头扫描电脑上出现的二维码。

4. 添加按钮

从“用户界面”抽屉拖入一个按钮，放到屏幕上。

5. 修改按钮文字

选中按钮，在属性面板的“文本”属性中输入“和我说话”。

6. 添加文本朗读器

从“媒体”抽屉拖入 TextToSpeech。它是非可视组件，会出现在预览区下方；组件名称保持为 TextToSpeech1。

7. 切换到积木编辑器

点击右上角“积木”按钮，进入程序编辑区。

8. 创建按钮点击事件

从 Button1 抽屉拖出 当 Button1.被点击时，放到工作区。

9. 调用文本朗读功能

从 TextToSpeech1 抽屉拖出 调用 TextToSpeech1.念读，接到 当 Button1.被点击时 事件。

10. 填入朗读内容

从“文本”抽屉拖出空文字块，接到 Speak 的 message 输入槽，输入应用点击按钮时要朗读的文字。

11. 测试固定文字

在手机上点击按钮，确认能听到刚才输入的文字。若没有声音，检查音量、系统朗读服务和 AI2 Companion 连接。

12. 进入第二部分

回到设计器，准备让用户输入文字，而不是每次都修改积木中的固定文本。完成后再回到积木编辑器替换 message。

会说话的 App：第二部分

13. 添加更多功能

在设计器中添加文本输入框，让用户输入任意文字；再添加加速度传感器，让摇一摇也能触发朗读。

14. 添加加速度传感器

从“传感器”抽屉拖入 AccelerometerSensor，保持组件名为 AccelerometerSensor1。

15. 处理 AccelerometerSensor.被晃动时

在积木编辑器中拖出 当 AccelerometerSensor1.被晃动时 事件，复制按钮点击事件里的 念读 调用放进去，并把固定文字改成“别摇啦！”。

16. 让 TextBox 内容被朗读

添加文本输入框，设置提示文字为“请输入文字”。回到积木编辑器，把 念读 的固定文字换成 TextBox1.文本。

17. 测试、完成和扩展

在手机上输入文字并点击按钮，确认应用朗读输入内容；再摇动设备，确认它说出提醒语。断线时重新执行连接步骤。你还可以加入清空按钮、语言选择、不同的摇动提示或更多传感器功能。