Compose 教程

Jetpack Compose 是 Android 和桌面端的现代声明式 UI 框架，使用 Kotlin 编写。无需 XML 布局，一切皆 Composable。

目录

• Compose 基础组件
• Compose 状态管理
• 生命周期管理
• Compose 导航
• 项目架构
• ViewModel 与 Compose 集成
• Compose 主题与样式
• Compose 动画
• 网络请求与图片加载
• Jetpack 全家桶
• Compose UI 测试
• 代码片段
• Compose 常用技巧

目录

章节	标题	内容
01	基础组件	Text、Image、Button、TextField、布局、列表、Card、Dialog、Scaffold、登录页
02	状态管理	remember、State 提升、LaunchedEffect、ViewModel + Flow、snapshotFlow
03	导航	NavHost、路由定义、传参、底部导航、深层链接、导航动画
04	主题与样式	Material 3 主题、字体、形状、动态颜色、深色模式
05	ViewModel 集成	ViewModel、StateFlow/SharedFlow、SavedStateHandle、ViewModel 工厂、多 ViewModel 协作
06	Jetpack 全家桶	Room、Hilt、DataStore、WorkManager、Paging 3、Navigation Compose
07	生命周期管理	LaunchedEffect、DisposableEffect、snapshotFlow、rememberCoroutineScope、Lifecycle 感知
08	网络请求与图片	Retrofit + OkHttp、Coil、统一错误封装、网络状态处理
09	UI 测试	查找器、交互操作、断言、LazyList 测试、登录页面完整测试
10	动画	animateXxxAsState、AnimatedVisibility、AnimatedContent、Animatable、手势动画
11	项目架构	MVVM 分层、完整项目结构、Repository 模式、UseCase、单 Activity 架构

推荐学习路径

1. 入门：01 → 02 → 04（核心组件 + 状态管理 + 主题）
2. 进阶：05 → 06 → 07（ViewModel + Jetpack + 生命周期）
3. 实战：08 → 03（网络请求 + 导航）
4. 深入：10 → 09 → 11（动画 + 测试 + 架构）

相关资源

• Compose 官网
• Compose 控件速查
• Compose BOM 版本
• Material 3 设计指南