跳到教程内容
教程首页
App Inventor 2 教程 双按钮游戏
准备开始
动手创造 · PROJECT LAB

双按钮游戏

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

先了解你将做出什么

应用介绍

左右两个按钮各自加分,中间的标签显示分数,“重置”按钮可以重新开始。这一篇会让你理解“变量保存状态,事件修改状态”。

教程主图

连接你的应用

通过 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
按钮 按钮_右 文本:右边 +1
按钮 按钮_重置 文本:重置
标签 标签_左 初始值:0
标签 标签_右 初始值:0

先建立分数

global 左分 = 0
global 右分 = 0

全局变量会在多个按钮事件之间保留。标签上的文字只是显示,真正的分数放在变量里。

运行起始应用

先用 AI2 Companion 或模拟器运行起始工程,点击左、右和重置按钮,观察已有程序块分别如何增加两个分数以及把分数恢复为零。

左右按钮加分

when 按钮_左.Click() {
  左分 = 左分 + 1
  标签_左.Text = 左分
}

when 按钮_右.Click() {
  右分 = 右分 + 1
  标签_右.Text = 右分
}

重置一局

when 按钮_重置.Click() {
  左分 = 0
  右分 = 0
  标签_左.Text = 0
  标签_右.Text = 0
}

测试和拓展

分别点左右按钮,检查只有对应的分数变化;点重置后两个分数都回到 0。你还可以加一个“先到 10 分者胜”的标签。