VIP20

本课程属于：020-Jetpack Compose界面API接入链路 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。

查看所属VIP全部课程 →

← 返回所属目录咨询 / 购买

Jetpack Compose组件布局与交互开发

共计 30 章节

点击此处阅读海量试读课程：100+行业、1000+细分领域

Text组件入门

创建文本 · 样式设置 · 字体与颜色

Text组件入门

TextField与基本输入

单行输入 · 占位符 · 文本变化监听

TextField基本输入

OutlinedTextField与装饰

边框样式 · 标签 · 错误提示

OutlinedText…装饰

Button组件与点击事件

FilledButton · TextButton · OutlinedButton

IconButton与图标交互

Material图标引入 · 图标大小 · 点击反馈

IconButton图标交互

Image与图片加载

Resource图片 · 网络图片（Coil） · 占位符与错误处理

Image图片加载

Column与行布局

垂直排列 · 权重分配 · 间距控制

Column行布局

Row与横向布局

水平排列 · 子组件尺寸 · 权重与对齐

Row横向布局

Box与层叠布局

帧布局 · 修饰符位置 · 背景覆盖

Box层叠布局

Spacer与间距调整

固定间距 · 权重间隔 · 用于布局装饰

Spacer间距调整

padding · size · fillMax

Modifierpadding

clickable · selectable · draggable

State与remember

可观察状态 · remember · mutableStateOf

rememberSaveable与配置保持

屏幕旋转保存 · 自定义保存器 · 复杂对象序列化

rememberSave…配置保持

LazyColumn基础

可滚动列表 · item · items

LazyColumn可滚动列表

LazyColumn进阶

不同item类型 · stickyHeader · item动画

LazyColumn进阶

LazyRow与横向滚动

横向列表 · 循环列表 · 对齐方式

LazyRow横向滚动

LazyVerticalGrid · 自定义跨列 · 固定列数与自适应

Scaffold与底部导航

TopAppBar · BottomBar · FloatingActionButt…

Scaffold底部导航

BottomNavigation与导航栏

导航项 · 选中状态 · 配合NavHost实现页面切换

BottomNaviga…导航栏

TopAppBar与标题栏

标题 · 返回按钮 · 菜单

TopAppBar标题栏

FloatingActionButton与扩展

小型FAB · 扩展FAB · 容器样式

FloatingActi…扩展

Card与卡片布局

圆角 · 阴影 · 内容填充

Card卡片布局

AlertDialog与弹窗

确认框 · 自定义内容 · Dismiss事件

AlertDialog弹窗

DropdownMenu与下拉菜单

触发方式 · 菜单项 · 分组

DropdownMenu下拉菜单

Slider与进度条

连续滑块 · 离散滑块 · 范围滑块

Slider进度条

Switch、Checkbox与单选按钮

开关 · 复选框 · RadioButton

TabRow与页面标签

Tab项 · 选中指示器 · 滑动标签

TabRow页面标签

AnimatedVisibility与动画

显式动画 · 进入/退出动画 · 自定义参数

AnimatedVisi…动画

登录页面：综合运用TextField · Button · Card

实战组合TextField