跳到教程内容
教程首页
App Inventor 2 教程 你好世界
准备开始
动手创造 · PROJECT LAB

你好世界

准备探索你的新作品
0%
项目难度每一步,都离作品更近

先了解你将做出什么

应用介绍

做一个真正属于自己的“Hello World”:选择中文、英语或日语,屏幕会显示对应的问候语, 还可以让手机读出来。问候语直接写在列表和条件里,不依赖已经停用的在线翻译服务。

教程主图

连接你的应用

通过 WiFi 连接设备

使用 AI 伴侣连接后,可以在手机或平板上实时查看和测试应用。

AI 伴侣连接示意图

视频演示:

App Inventor 2 连接 AI 伴侣

安装 AI 伴侣

使用手机系统扫码器或浏览器扫描二维码,下载并安装 AI 伴侣。只需安装一次,以后可以直接使用。

AI 伴侣下载二维码

打开应用的连接二维码

在 App Inventor 2 中依次点击「连接」和「AI 伴侣」。

打开 AI 伴侣连接

连接手机

连接二维码会显示在电脑屏幕上。

应用连接二维码

在手机 AI 伴侣中点击蓝色的「scan QR code」按钮扫描二维码;也可以输入代码,再点击橙色的「connect with code」按钮。

AI 伴侣连接界面

使用模拟器连接

模拟器由 aiStarter 自动启动,不需要手机,但速度较慢、环境配置较复杂且 Android 版本较旧,一般不推荐作为首选方式。

App Inventor 2 连接模拟器

使用 USB 连接

aiStarter 可以通过 USB 调试连接手机,并自动启动手机上的 AI 伴侣。它的使用效果和扫描二维码连接基本相同。

App Inventor 2 使用 USB 连接

查看完整连接教程

下面的视频完整演示 AI 伴侣、模拟器和 USB 三种连接方式。不同方式的详细比较可以查看连接方式说明

App Inventor 2 完整连接教程

仍然无法连接?

可以前往中文社区查找解决方案或发帖提问。

你好世界教程(难度系数:★)

准备组件

组件类型 组件名称 关键设置
列表选择器 列表选择器_语言 提示:选择语言
标签 标签_问候 初始文本留空
标签 标签_提示 显示当前语言
文本朗读器 文本朗读器1 非可视组件

声明语言并显示问候

把显示动作集中到一个过程中。之后用户换语言时只需要调用它,不用复制三套设置标签的积木。

global 当前语言 = "中文"

procedure 显示问候() {
  if 当前语言 = "中文" {
    标签_问候.Text = "你好,世界!"
  } else if 当前语言 = "英语" {
    标签_问候.Text = "Hello, world!"
  } else {
    标签_问候.Text = "こんにちは、世界!"
  }
  标签_提示.Text = join("当前语言:", 当前语言)
}

when Screen1.Initialize() {
  列表选择器_语言.Elements = ["中文", "英语", "日语"]
  显示问候()
}

选择语言并朗读

列表选择器 的 Selection 是用户选中的文字。先保存它,再刷新界面;点击列表本身只是选择, 真正的朗读放在选择事件里,避免启动时突然发声。

when 列表选择器_语言.AfterPicking() {
  当前语言 = 列表选择器_语言.Selection
  显示问候()
  文本朗读器1.Speak(标签_问候.Text)
}

如果设备没有对应语言的语音包,文字仍然会正常显示;可以到系统的文本转语音设置里安装语音包。

开始测试

  1. 启动 App,是否默认显示中文问候。
  2. 选择英语和日语,文字是否分别改变。
  3. 每次选择后是否只朗读一次。
  4. 退出语音设置或关闭音量后,页面是否仍能正常使用。

剩余工作

可以让用户输入姓名,把问候改成“你好,小明”;也可以把语言和问候语放进两个并排列表, 让用户自己添加新语言。对于真正翻译长句的需求,再单独接入可靠且仍在维护的翻译服务。