组件总表

真实业务场景使用频率汇总 Material 3 / Foundation 常用组件。先扫「常用」,「偶尔」按需点进分讲或官网。

常用业务页几乎天天写 偶尔特定场景再用
怎么读:点「分讲」进正文锚点;同系变体合并一行。不是官方全量 API 百科,而是落地选型表。

布局

组件频率一句话XML 近似分讲
Column常用竖排LinearLayout vertical布局
Row常用横排LinearLayout horizontal布局
Box常用叠放 / 角标底FrameLayout布局
Spacer常用占位空白固定尺寸空 View基础
FlowRow / FlowColumn偶尔自动换行流式排Flexbox / Chip 组布局·选型
BoxWithConstraints偶尔按可用宽高分支 UI自己量宽布局
ConstraintLayout偶尔复杂相对约束ConstraintLayout布局·选型

列表 · 分页 · 轮播

组件频率一句话XML 近似分讲
LazyColumn常用纵向长列表RecyclerView列表
LazyRow常用横向滑动条横向 RecyclerView列表
LazyVerticalGrid / LazyHorizontalGrid常用网格商品墙GridLayoutManager列表
items + key / stickyHeader常用列表项与粘性头Adapter + sticky列表
PullToRefreshBox常用下拉刷新SwipeRefreshLayout列表
自定义 indicator / PullToRefreshState偶尔品牌下拉动画自定义 Header列表
PagingSource + Pager常用按页向接口要数据Paging 3 同源列表
Paging + LazyPagingItems常用列表收集分页PagingDataAdapter列表
RemoteMediator偶尔网络写 Room 再分页边界回调 + DB列表
HorizontalPager / VerticalPager常用Banner / 引导页ViewPager2列表
LazyVerticalStaggeredGrid偶尔瀑布流StaggeredGrid列表

展示

组件频率一句话XML 近似分讲
Text常用文本TextView基础
Icon常用矢量图标ImageView + vector基础
Image常用本地 / 资源图ImageView基础
AsyncImage(Coil)常用网络图Glide/Coil + ImageView基础
HorizontalDivider / VerticalDivider常用分隔线1dp View基础
CircularProgressIndicator常用圆形加载ProgressBar indeterminate基础
LinearProgressIndicator常用线性进度ProgressBar horizontal基础
Badge / BadgedBox偶尔角标数字角标 View结构

按钮 · 输入 · 选择

组件频率一句话XML 近似分讲
Button / FilledTonalButton常用主按钮 / 次强调Button基础
OutlinedButton / TextButton常用描边 / 文字按钮borderless Button基础
IconButton / IconToggleButton常用图标点击ImageButton基础
FloatingActionButton / ExtendedFAB常用悬浮主操作FAB结构
OutlinedTextField / TextField常用受控输入EditText基础
Switch常用开关Switch基础
Checkbox常用多选CheckBox基础
RadioButton常用单选RadioButton基础
Slider / RangeSlider偶尔滑动取值SeekBar基础
FilterChip / AssistChip / InputChip / SuggestionChip常用筛选 / 标签Chip基础
DropdownMenu / ExposedDropdownMenuBox常用下拉菜单 / 可搜下拉PopupMenu / Spinner基础
SegmentedButton偶尔分段单选ToggleGroup基础
SearchBar / DockedSearchBar偶尔搜索栏SearchView基础
DatePicker / DatePickerDialog / TimePicker偶尔日期时间DatePickerDialog结构

结构 · 容器 · 提示

组件频率一句话XML 近似分讲
Scaffold常用页面壳(顶/底/FAB/Snackbar)Coordinator + AppBar结构
Surface常用材质底 + 点击涟漪带背景的容器结构
Card / ElevatedCard / OutlinedCard常用卡片容器CardView结构
TopAppBar / CenterAligned / Medium / Large常用顶栏Toolbar / AppBarLayout结构
BottomAppBar偶尔底操作栏BottomAppBar结构
NavigationBar + NavigationBarItem常用底部导航BottomNavigationView结构
NavigationRail偶尔平板侧轨导航NavigationRail结构
ModalNavigationDrawer / PermanentNavigationDrawer偶尔抽屉导航DrawerLayout结构
TabRow / ScrollableTabRow + Tab常用页内页签(不进返回栈)TabLayout导航
AlertDialog / BasicAlertDialog常用对话框AlertDialog结构
ModalBottomSheet常用模态半屏BottomSheetDialog结构
BottomSheetScaffold偶尔常驻可拖半屏BottomSheetBehavior结构
Snackbar + SnackbarHost常用轻提示Snackbar结构
Tooltip / PlainTooltip / RichTooltip偶尔长按提示Tooltip主题
ListItem常用标准列表行模板两行 Text + icon列表
组件频率一句话XML 近似分讲
NavHost + composable常用目的地图NavHostFragment导航
rememberNavController常用导航控制器NavController / findNavController导航
navigation() 嵌套图偶尔每 Tab 一条返回栈嵌套 nav_graph导航
dialog("route")偶尔对话框进返回栈graph 里的 dialog 目的地导航
类型安全路由(Navigation 2.8+)偶尔路由对象化Safe Args导航

主题 · 动画 · 互操作

组件 / API频率一句话XML 近似分讲
MaterialTheme常用颜色 / 字阶 / 形状入口Theme / styles主题
lightColorScheme / darkColorScheme常用深浅两套令牌values / values-night主题
dynamicLight/DarkColorScheme偶尔壁纸动态取色主题
Surface常用跟 surface 令牌的底background=?attr/colorSurface主题
animate*AsState常用单值平滑过渡ObjectAnimator动画
AnimatedVisibility常用显隐过渡animateLayout*动画
AnimatedContent常用按状态切换内容ViewSwitcher动画
Crossfade偶尔内容交叉淡入动画
rememberInfiniteTransition常用循环旋转 / 呼吸无限 ObjectAnimator动画
updateTransition偶尔一状态多属性齐步AnimatorSet动画
Animatable偶尔手势跟手 / 顺序动画ValueAnimator动画
SharedTransitionLayout偶尔共享元素飞入详情ActivityOptions动画
AndroidView / AndroidViewBinding偶尔嵌旧 View直接用 View迁移
ComposeView偶尔XML 里嵌 Compose迁移
@Preview常用IDE 预览Layout Editor结构
Canvas / 自绘 Layout偶尔自定义绘制 / 测量自绘 View自绘
选型口诀:页面壳用 Scaffold;长列表用 Lazy*;表单用 OutlinedTextField + Button;反馈用 Snackbar / Dialog / Sheet;导航用 NavHost + NavigationBar / TabRow
Android Compose 现代开发知识体系 · 主线必读 / 扩展选读。
术语表常驻;组件与属性先看分讲,再查两张总表。案例默认收起。