📘 第1课 · 入门基石

🧩 什么是 Jetpack Compose 与传统 View 的区别

🎯 手把手教你写第一个 Composable · 零基础友好

📌 1. 什么是 Jetpack Compose

Jetpack Compose 是 Google 官方推出的现代声明式 UI 框架，用于构建 Android 原生界面。它完全基于 Kotlin，抛弃了传统的 XML 布局，让你用 可组合函数 (Composable) 直接描述 UI。

声明式：描述“界面应该是什么样”，而不是“如何一步步构建”。
响应式：状态变化自动重组 (Recomposition) 相关 UI。
Kotlin 优先：充分利用协程、Flow、高阶函数等语言特性。
互操作性：可无缝混合传统 View 与 Compose。

⚡ 2. Compose 与传统 View 的区别

对比维度	传统 View (XML)	Jetpack Compose
编程范式	命令式 (Imperative)	声明式 (Declarative)
布局语言	XML + 代码逻辑	纯 Kotlin (无 XML)
状态管理	手动更新 (findViewById + setText...)	自动重组 (State → UI)
组件复用	自定义 View / 碎片	Composable 函数 (轻量)
学习曲线	中等 (需掌握 XML 及生命周期)	中等 (需理解重组思想)
性能特点	测量/布局/绘制三阶段	跳过未改变的部分 (智能重组)

🧰 3. 学习本课程的前置知识

本课程面向 Android 初学者 或 有基础想快速上手 Compose 的开发者。建议具备以下基础：

✔ Kotlin 基础：变量、函数、类、Lambda 表达式（不用精通，边学边用）。
✔ Android 基本概念：Activity、项目结构、Gradle 构建（了解即可）。
✔ 面向对象思想：封装、继承、组合（Compose 更偏爱组合）。
✔ 开发环境：Android Studio Arctic Fox 或更高版本。

💡 提示：如果你完全零基础，建议先花 2 小时熟悉 Kotlin 基础，本课程也会在实战中讲解关键语法。

🧭 Compose 声明式架构示意

⚡ 状态驱动 UI，Composable 自动重组更新

✨ 预览：你的第一个 Composable

在后续课程中，你将亲手写出这样的代码：

// 最简单的 Composable 函数
@Composable
fun Greeting(name: String) {
    Text(
        text = "你好, $name! 👋",
        fontSize = 28.sp,
        color = Color(0xFF4D2E1B),
        modifier = Modifier.padding(16.dp)
    )
}

无需 XML，无需 findViewById，一个函数就是 UI 组件。

🎯 通过本课程你将掌握

✅ 理解 Compose 核心思想：重组、状态、副作用
✅ 编写可复用的 Composable 组件
✅ 使用 Column、Row、Box 等布局
✅ 管理状态：remember、mutableStateOf、ViewModel
✅ 构建一个完整的 Compose 页面