VIP20
本课程属于：020-Jetpack Compose界面API接入链路 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

Button到TextField基础组件API接入教程

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
Button基础属性API
type · disabled · loading
ButtonAPI
02
Button事件绑定技巧
click事件 · 防重复提交 · 带参数回调的写法
Button事件绑定技巧
03
Button样式覆盖方案
类名前缀 · style对象 · CSS Modules
Button样式覆盖方案
04
IconButton接入流程
图标库引入 · 大小自适应 · 提示文字配置
IconButton接入流程
05
ButtonGroup组合布局
水平/垂直排列 · 间距控制 · 选中态同步
ButtonGroup组合布局
06
Checkbox单/多选状态管理
checked · indeterminate · onChange与受控组件
Checkbox多选状态管理
07
Checkbox组联动逻辑
全选/取消 · 部分选中 · 数量统计
Checkbox组联动逻辑
08
Radio互斥行为实现
name属性 · value绑定 · onChange事件与默认选中
Radio互斥行为实现
09
Radio组布局样式
水平/垂直 · 间距 · 边框对齐
Radio组布局样式
10
Switch开关组件API
checked · onChange · disabled
SwitchAPI
11
Switch自定义颜色与图标
track · thumb颜色 · checked/unchecked图…
Switch自定义颜色
12
Input基础属性
placeholder · type · maxLength
Input基础属性
13
Input受控/非受控模式
value与defaultValue… · React/ Vue中的选择
Input受控
14
Input事件处理
onChange · onFocus · onBlur
Input事件处理
15
Input前缀后缀插槽
prefix/suffix图标 · 清空按钮 · 密码可见切换
Input前缀后缀插槽
16
Input验证与错误提示
状态颜色 · 错误消息展示 · 实时校验逻辑
Input验证
17
Textarea多行文本
rows · autoSize · maxLength
Textarea多行文本
18
Select下拉选择器
options数据结构 · value/label · 多选与搜索
Select下拉选择器
19
Select远程搜索
防抖 · loading · 空状态
Select远程搜索
20
DatePicker日期选择
格式范围 · 禁用日期 · 时间选择组合
DatePicker日期选择
21
DatePicker范围选择
start/end联动 · 快捷选项 · 跨月限制
DatePicker范围选择
22
Form表单集成
表单整体submit · 字段校验 · 错误汇总
Form表单集成
23
FormItem布局
label对齐 · 必填星号 · 帮助文本
FormItem布局
24
组件尺寸统一管理
small/medium/large… · 全局配置Provider
组件尺寸统一管理small/medium…
25
无障碍接入
aria-*属性 · 键盘导航 · focus管理
无障碍接入aria
26
国际化方案
locale配置 · 日期格式 · 文案覆盖
国际化方案locale
27
性能优化
虚拟列表处理Select大量选项 · 懒加载 · 事件节流
性能优化Select
28
组件的依赖注入
Context/Provider传递… · 尺寸 · 语言
组件的依赖注入Context/Prov…
29
调试与日志
组件状态调试 · onError回调 · 开发环境警告排查
调试日志
30
跨框架适配
React/Vue/原生JS下同一套…
跨框架适配React/Vue