手把手教你写第一个Composable

1 课程介绍

Jetpack Compose 是什么 · 与传统View区别 · 前置知识

2 开发环境搭建

安装Android Studio · Kotlin插件 · 第一个Compose项目

3 项目结构解析

目录结构 · build.gradle配置 · 依赖导入说明

4 认识Composable函数

什么是Composable · @Composable注解 · 命名规范

5 第一个Composable

Hello World · 在MainActivity调用 · 预览效果

6 Text组件详解

基本用法 · 字体大小/颜色/样式 · 对齐方式

7 Button组件详解

基本用法 · 点击事件 · 按钮样式自定义

8 Image组件详解

加载本地/网络图片(Coil) · 裁剪与缩放

9 Column布局

垂直排列 · 子元素间距 · 权重分配

10 Row布局

水平排列 · 子元素间距 · 权重分配

11 Box布局

层叠布局 · 对齐方式 · Modifier.fillMaxSize

12 Modifier详解

Modifier概念 · padding/size/background/border

13 状态管理入门

remember · mutableStateOf · 简单计数器

14 State与ViewModel

ViewModel基本使用 · stateFlow · collectAsState

15 TextField输入框

基本用法 · 输入监听 · 键盘类型设置

16 LazyColumn列表

基本用法 · items数据绑定 · 下拉刷新

17 LazyRow横向列表

横向滑动列表 · 卡片式布局

18 Card卡片组件

基本用法 · 圆角 · 阴影 · 点击事件

19 Scaffold脚手架

TopAppBar · BottomBar · FloatingActionButton

20 导航Navigation

NavHost · NavController · 页面跳转与参数传递

21 Dialog对话框

AlertDialog · 自定义Dialog · 确认/取消

22 Snackbar提示

Snackbar基本用法 · SnackbarHost · 显示隐藏

23 动画基础

animateFloatAsState · animateColorAsState · 淡入淡出

24 自定义动画

Animatable · AnimationSpec · 关键帧动画

25 主题与配色

MaterialTheme · 自定义颜色 · 暗黑模式适配

26 字体与排版

Typography · 自定义字体 · 行高与字间距

27 手势处理

clickable · draggable · swipeable · 多点触控

28 Canvas绘图

Canvas基本用法 · 线条/圆形/矩形/路径

29 性能优化

重组范围 · derivedStateOf · remember · key

30 综合实战：Todo List

待办事项App · 增删改查 · 状态管理 · 列表展示