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

你好程序

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

先了解你将做出什么

应用介绍

这是第一次用 App Inventor 做应用。我们会改一个标签的文字,再用按钮让它变成一句会回应的问候。

教程主图

连接你的应用

通过 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 文本:点我

让按钮回应

when 按钮1.Click() {
  标签1.Text = "你点到了按钮!"
}

当 …被点击时 是事件:按下按钮后,事件里的积木按顺序执行。

测试一下

  1. 点开 AI 伴侣,让手机和设计器连接。
  2. 点按钮,标签是否变成“你点到了按钮!”?
  3. 把文字改成你自己的问候,再测一次。

剩余工作

可以再加一个文本输入框,让标签显示用户输入的名字。