Jetpack Compose Academy · 课时

在模拟器上运行第一个应用

构建并启动应用,在屏幕上查看 Hello World。

第 4 / 4 课13 个步骤

在模拟器上运行第一个应用 是 CoddyKit 上的免费 Jetpack Compose Academy 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Jetpack Compose Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Jetpack Compose Academy 课程共包含 4 节课。

准备查看运行效果

您已经编写了一个可组合函数,现在让我们来运行它。几分钟后,您就能在 Android Studio 内的虚拟手机上看到 Hello World。🚀

setContent 连接您的用户界面

每个 Compose 应用都从 MainActivity 开始,在那里由 setContent 将您的可组合函数树连接到屏幕。这是 Android 与 Compose 之间的桥梁。

setContent {
    Greeting("World")
}

选择运行目标

在工具栏中选择要运行应用的设备:模拟器或已连接的手机。Android Studio 会在下拉菜单中列出所有可用目标。

点击绿色运行按钮

点击绿色的运行箭头(或按 Shift+F10)。Android Studio 会构建应用,将其安装到设备上,然后自动启动。

Gradle 构建 APK

在后台,Gradle 会编译您的代码,并将其打包成可安装的应用。第一次构建较慢,之后的构建会快得多。

Hello World 出现了

模拟器启动后,应用会完成安装,您的 Greeting 就会显示在屏幕上。这段文字直接来自您的可组合函数。🎉

预览与实际运行

@Preview 窗格无需安装应用,就能快速显示用户界面。在设备上运行才是真实效果,具有完整的交互性和实际行为。

@Preview
@Composable
fun GreetingPreview() {
    Greeting("World")
}

编辑后重新运行

修改文字,再次点击运行,应用就会更新。这种紧密的编辑和运行循环能帮助您快速迭代真实屏幕。

查看 Logcat

底部的 Logcat 会持续显示正在运行的应用所输出的日志。应用出现异常时,这里是您首先应该查找线索的地方。

首次构建感觉很慢

如果首次启动需要一段时间,请不要担心。Gradle 正在下载并缓存库。后续运行会重复使用缓存,因此速度会快很多。

随时停止并重新启动

使用红色的停止按钮终止应用,然后再次点击运行来重新启动。您可以完全掌控构建和测试循环。

快速检查

让我们确认一下,是什么将您的可组合函数连接到屏幕。

回顾:您的第一个应用

您做到了!setContent 连接了用户界面,运行操作完成了构建和安装,Hello World 也显示出来了。现在,您可以边编辑、重新运行,边查看 Logcat。

免费开始

用 AI 导师学习 Kotlin — 免费

在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。

课程
30
课程
120

常见问题解答

「在模拟器上运行第一个应用」课时是免费的吗?

是的 — 「在模拟器上运行第一个应用」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Jetpack Compose Academy 课程的其余内容,请升级到 CoddyKit PRO。 Jetpack Compose Academy 课程共包含 4 节课。

「在模拟器上运行第一个应用」这节课中我会学到什么?

构建并启动应用,在屏幕上查看 Hello World。 你通过在浏览器中直接运行的动手代码来练习 Jetpack Compose Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Jetpack Compose Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Jetpack Compose Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。

「在模拟器上运行第一个应用」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Jetpack Compose Academy 课中编写并运行代码吗?

能。每节 Jetpack Compose Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. Compose 取代了什么:告别 XML
  2. 为 Compose 设置 Android Studio
  3. @Composable 函数的组成
  4. 在模拟器上运行第一个应用
← 返回 Jetpack Compose Academy