分段控件
Segmented
初级通用分段控件（Segmented）是一组并排显示的选项，同一时间只选中其中一项，常用来切换同一块内容的展示方式。它让用户不用离开当前位置，就能在少数几种模式间快速切换，例如把文件结果从列表视图切到网格视图。
你可能会说：「我想在结果区上方放几个并排的选项，点一下就切换列表和网格显示，不用跳页面。」
动手看看文件夹视图切换
项目资料
列表
网格
季度报告 1.pdf
季度报告 2.pdf
季度报告 3.pdf
当前视图
用下方「当前视图」切换列表和网格；也可以悬停、按住或用 Tab 聚焦上方的分段选项，观察它们的即时反馈。
列表被高亮，文件逐行排列：选中状态告诉你正在用哪种视图，而不是鼠标此刻停在哪里。
要点分段控件是怎么切换内容的？
- 1
几个选项共享一个位置
你会看到几个紧挨着的选项，例如「列表」「网格」。它们控制的是同一块区域，所以用户点其中一个，看到的是这块内容换了一种呈现方式，而不是进入一个新页面。
- 2
一次只保留一个选中项
分段控件表达的是互斥选择：当前用列表视图，就不同时用网格视图。把选中项标清楚，用户才能看懂眼前的结果是按哪种模式显示的。
- 3
选项少时才方便直接点
它的好处是把所有选择直接摆出来，用户不用先打开菜单。相应地，选项一多或名称太长就会挤占空间；这时用下拉选择器，通常比硬塞进一排更容易看。
容易混淆的地方
分段控件和标签页都能切换内容，但分段控件更像在同一块内容上切换少数几种模式；如果切换的是「概览」「成员」「设置」这类各有独立内容的区域，用标签页更贴切。它也像单选框，因为都只能选一个；区别在于单选框常用于表单中记录一项选择，分段控件通常让当前视图随选择立即变化。
什么时候用
适合用
- 做文件管理页时，让用户在同一批文件的列表视图和网格视图之间切换。
- 做数据看板时，让用户把同一组统计结果切换为按日或按月展示。
- 做 AI 工具的结果区时，让用户在同一份输出的预览视图和源码视图之间切换。
不适合用
- 后台有十几种报表要选，选项放不下一排；用下拉选择器更容易查找。
- 点击「账单」要进入独立页面，而不是改变当前内容的视图；用导航链接更合适。
- 用户要同时勾选邮件和短信两种通知渠道；这是多选，用复选框更合适。
练一练选一个答案，看看解释
你在做文件管理页，用户想查看同一批文件，可以按列表或网格显示，而且希望留在当前页面。你会让 AI Agent 做什么？
让 AI 帮你做复制给 AI Agent 直接用
请在文件结果区上方加入一个分段控件，选项为「列表」和「网格」，默认选中「列表」。切换时只改变同一批文件的展示方式，不跳转页面；让当前选中项清晰可见，并保留用户切换前的筛选条件。