setContent：用户界面的起点
将 Composable 树接入 Activity。
setContent：用户界面的起点 是 CoddyKit 上的免费 Jetpack Compose Academy 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Jetpack Compose Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Jetpack Compose Academy 课程共包含 4 节课。
将 Compose 连接到 Android
您的 Composable 需要一个容身之处。Activity 中的 setContent 调用就是桥梁，它会将界面树交给 Android 屏幕。🔗
位于 onCreate 中
您可以在 Activity 的 onCreate 中调用 setContent。这正是 Android 告知应用可以显示屏幕的时刻。
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent { Greeting() }
}它接收一个 Lambda
setContent 接受一个 Lambda，您可以在该代码块中调用 Composable。大括号中的所有内容都会成为屏幕内容。
setContent {
Greeting("Compose")
}Lambda 本身就是 Composable
这个 Lambda 本身就是一个 @Composable 作用域。因此，您可以直接在其中调用任意 Composable，无需额外设置。
一个根 Composable
结构清晰的应用会在这里调用一个根 Composable，通常是整个应用或主题，然后由它在下方嵌套其他所有内容。
setContent {
MyApp()
}在主题中包装
大多数应用都会将根 Composable 包装在自己的主题中，使颜色和字体应用到各处。主题只是界面外层的另一个 Composable。
setContent {
MyAppTheme {
MyApp()
}
}替代 setContentView
在旧版 View 系统中，您会使用 XML 布局调用 setContentView。Compose 则使用带有 Composable Lambda 的 setContent 来替代它。
扩展 ComponentActivity
使用 setContent 的 Activity 通常会扩展 ComponentActivity，这是 Compose 专门配合使用的轻量级基类。
class MainActivity : ComponentActivity() {
// onCreate with setContent
}树的挂载位置
setContent 是入口点。Compose 会从这里构建、布局并绘制您在其中调用的整棵 Composable 树。
添加 Surface 作为背景
将内容包装在表面中，可以提供带主题的背景和高度，这是主题下常见的第一个子组件。
setContent {
MyAppTheme {
Surface { MyApp() }
}
}每个屏幕使用一次 setContent
通常每个 Activity 只调用 一次 setContent。要显示不同内容，应在树中更改状态，而不是再次调用 setContent。
快速检查
最后检查 Compose 界面从哪里开始。
回顾
现在您知道一切从哪里开始：在 onCreate 中调用 setContent，传入 Composable Lambda，将其包装在主题中，然后由 Compose 绘制应用。🎉
用 AI 导师学习 Kotlin — 免费
在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。
- 课程
- 30
- 课程
- 120
常见问题解答
「setContent：用户界面的起点」课时是免费的吗？
是的 — 「setContent：用户界面的起点」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Jetpack Compose Academy 课程的其余内容，请升级到 CoddyKit PRO。 Jetpack Compose Academy 课程共包含 4 节课。
「setContent：用户界面的起点」这节课中我会学到什么？
将 Composable 树接入 Activity。 你通过在浏览器中直接运行的动手代码来练习 Jetpack Compose Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Jetpack Compose Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Jetpack Compose Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「setContent：用户界面的起点」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Jetpack Compose Academy 课中编写并运行代码吗？
能。每节 Jetpack Compose Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- 编写 @Composable 函数
- 使用 @Preview 实时预览
- 从 Composable 调用 Composable
- setContent：用户界面的起点