VIP20
本课程属于：011-Android测试夹具分层 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

Material 3组件夹具封装教程

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
Material 3设计系统与组件化基础
理解Material 3令牌 · 组件层次 · 状态与主题系统
Material3设计系统
02
夹具工程初始化与环境搭建
配置Vite/Next.js项目 · 安装M3依赖 · 设置TypeScript与ESLin…
夹具工程初始化环境搭建
03
Button组件夹具封装
封装不同样式的按钮 · 处理点击 · 禁用
Button组件夹具封装
04
IconButton夹具封装
封装带图标按钮 · 支持tooltip与aria标签
IconButton夹具封装
05
FloatingActionButton夹具封装
封装FAB · 处理扩展与迷你模式 · 速度拨号
FloatingActi…夹具封装
06
Card组件夹具封装
封装ElevatedCard · FilledCard · OutlinedCard
Card组件夹具封装
07
TextField夹具封装
封装填充与轮廓样式 · 处理标签 · 辅助文本
TextField夹具封装
08
Select（下拉选择）夹具封装
封装原生Select与自定义下拉 · 处理多选 · 搜索与验证
Select下拉选择
09
Chip组件夹具封装
封装AssistChip · FilterChip · InputChip
Chip组件夹具封装
10
Switch夹具封装
封装开关 · 支持颜色 · 禁用
Switch夹具封装
11
Checkbox夹具封装
封装复选框 · 处理不定状态 · 错误与表单组
Checkbox夹具封装
12
RadioButton夹具封装
封装单选按钮组 · 处理垂直/水平布局与表单校验
RadioButton夹具封装
13
Slider夹具封装
封装连续与离散滑块 · 处理范围 · 刻度标记与工具提示
Slider夹具封装
14
ProgressIndicator夹具封装
封装LinearProgress与C… · 处理确定/不确定模式
ProgressIndi…夹具封装
15
Dialog夹具封装
封装AlertDialog与Simp… · 处理标题 · 内容
Dialog夹具封装
16
BottomSheet夹具封装
封装标准与模态底部抽屉 · 处理拖拽 · 分页与快照
BottomSheet夹具封装
17
Snackbar夹具封装
封装消息条 · 处理多行 · 动作按钮与手动关闭
Snackbar夹具封装
18
Tooltip夹具封装
封装纯文本与富文本工具提示 · 处理延迟与交互
Tooltip夹具封装
19
NavigationBar夹具封装
封装底部导航栏 · 处理选中项 · Badge与标签切换
NavigationBa…夹具封装
20
NavigationDrawer夹具封装
封装侧边抽屉 · 处理模态 · 永久与临时模式
NavigationDr…夹具封装
21
TopAppBar夹具封装
封装小型 · 中型 · 大型顶部栏
TopAppBar夹具封装
22
Tabs夹具封装
封装固定与滚动标签组 · 处理图标 · 文本与内容联动
Tabs夹具封装
23
Badge夹具封装
封装徽章组件 · 处理数字与点徽章 · 内容溢出与位置
Badge夹具封装
24
Divider夹具封装
封装全宽与缩进分割线 · 处理颜色与厚度
Divider夹具封装
25
List夹具封装
封装单行 · 双行与三行列表项 · 处理头像
List夹具封装
26
Menu夹具封装
封装下拉菜单与弹出菜单 · 处理嵌套 · 选中与快捷键
Menu夹具封装
27
DatePicker夹具封装
封装日期选择器 · 处理日历 · 日期范围
DatePicker夹具封装
28
TimePicker夹具封装
封装时间选择器 · 处理小时分钟 · 12/24小时制与输入模式
TimePicker夹具封装
29
ColorScheme与Theme夹具封装
封装动态主题切换 · 支持亮色/暗色 · 自定义颜色与令牌覆盖
ColorSchemeTheme
30
夹具集成测试与发布
编写单元测试与快照测试 · 打包发布为npm包 · 生成文档站点
夹具集成测试发布