分段控制Segmented Control
从列表改成卡片，是换了看法，还是换了数据？
分段控制把少量互斥选项并排展示，让用户快速切换视图、时间粒度或模式。它通常一次选择一个值，但这个值究竟改变呈现还是数据范围，必须从选项名称和业务约定中看清。
几个选项都摆出来，点一个就换一种模式。同一批资料换排法时，不能悄悄少掉一半。
相册切换大图与缩略图，还是那组照片；切换某一年则是换了一组范围。
类比到这里为止：这两种切换外观可能完全一样，控件形状并不能告诉用户数据范围是否变化，需要清楚的标签和结果说明。
询盘工作台切换表格、列表、卡片，保留国家筛选、排序和已选记录；若切换周/月报表，则明确聚合周期变化。
模式切换的三条检查
- 当前值
- 选中项明确，名称不能只靠不易识别的图标。
- 影响范围
- 是换布局、过滤条件还是汇总周期？
- 连续性
- 换视图后，筛选、对象身份与必要输入保持一致。
让选项和值分开
界面可以写“卡片”，内部保存稳定的模式值。改名或调整选项顺序不应改变保存记录的含义。
原生单选组可以提供互斥与方向键切换；自定义外观也要保留名称、焦点和真实选中状态。
从列表改成卡片，是换了看法，还是换了数据？
可以操作，也可以重试。数据为虚构示例，不连接真实业务系统。
正在准备当前演示，正文可以继续阅读。
继续看项目应用与交付检查
分段控制 在项目中负责什么
- 什么时候用
- 同级模式较少，直接展示所有选项比打开下拉框更省步骤时。
- 它解决什么
- 让当前模式与其他可选模式同时可见，便于快速切换。
- 它不负责什么
- 不要把很多长选项挤成小按钮。文字、选中状态、键盘行为与触屏范围都需要可用。
- 放进真实项目
- 销售在“全部线索 / 我的线索 / 已关闭”三个视图之间快速切换。
分段控件适合在两到五个同级视图间快速切换
询盘列表可在“全部、待处理、已完成”间切换，数据仍是同一集合，只改变当前查看模式。
- 01
把选项控制在一眼可比较的数量。
- 02
切换后保留必要的其他筛选。
- 03
选中状态同时使用形状、文字或图标。
选项互斥，改变哪种模式要讲清。
容易混淆的地方
分段控制可以用单选组表达模式；只有真正控制对应标签面板时，才应采用标签页的完整语义。
学员把课程目录从“列表”切到“卡片”。哪些东西应保持不变？
你可以这样告诉 AI Agent
“
我在处理这件事：销售在“全部线索 / 我的线索 / 已关闭”三个视图之间快速切换。请以“分段控制”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践