分段单选组
SegmentedRadioGroup 是一组排列成一行并组合在一起的两个或多个按钮,其工作原理类似于收音机接收器中的波段开关。为避免与 Radio 开关混淆,它们也被称为 Segmented-control。
§何时使用
SegmentedRadioGroup 用于在填写表单、过滤列表或表格、更改页面布局或调整工具的操作模式时,从两个或多个选项中进行选择。它比下拉菜单更用户友好,因为所有选项都可以一次性显示。
SegmentedRadioGroup 的选项必须在上下文上相关且互斥。
选项数量应限制在 2-5 个,并且其名称应简短(最多 3 个词)。
初始化 SegmentedRadioGroup 时,应默认选中至少一个选项。
§何时避免使用
如果有多个选项可用,请使用复选框或下拉列表 (Select)。
对于“是/否”或“开/关”等选项,请使用复选框或开关 (Switch)。
如果选项超过 5-6 个或选项名称过长,请使用一组单选开关 (Radio) 或下拉列表。
不允许将 SegmentedRadioGroup 用于页面导航或进度条(例如,在向导中)。要进行页面导航,请使用标签组 (Tabs)。
§尺寸
M 是桌面界面的标准尺寸,XL 是移动界面的标准尺寸。也可以使用其他尺寸,例如,以保持与页面上其他元素或对话框的视觉一致性。

除了调整按钮高度外,还可以自定义内部填充、按钮圆角和字体的尺寸。
带有选项的按钮可以具有不同的宽度,并且可以自动调整以适应内容(自动宽度)。或者,它们可以具有相同的宽度,宽度由容器平分(最大宽度)。

最后一个选项用于名称仅相差几个字符的情况;否则,名称可能会超出按钮边缘。
尽量使 SegmentedRadioGroup 中的按钮大小相同,即使在自动模式下,以使整个元素保持平衡。
§内容
除了文本(Label)外,按钮还可以包含图标和计数器。与 Button 元素一样,图标可以与文本一起显示(Icon and Label)或单独显示(Icon only)。请勿在同一个 SegmentedRadioGroup 中组合不同类型内容的按钮。
Counter 会告知用户选项中包含的对象数量。

SegmentedRadioGroup 中的按钮文本应以大写字母开头。文本不应被省略号截断或重复。
在仅图标版本中,当鼠标悬停在图标上时,必须显示包含图标名称的工具提示 (Tooltip)。
在表单中,建议使用仅文本或文本和图标的选项。仅图标模式通常用于在布局之间切换或选择用户已知的选项,例如在列表和对象缩略图之间切换或选择编辑器中的格式类型。
§状态
除了默认状态 (Default) 外,按钮还可以处于选中 (Selected) 和/或禁用 (Disabled) 状态。当鼠标悬停时 (Hover),按钮也会显示状态。一次只能选中一个按钮。
