分段无线电组

SegmentedRadioGroup 是一组连续排列并组合成一组的两个或更多按钮,其工作原理是无线电接收机中的频段开关。为了避免与无线电开关混淆,它们也被称为分段控制。

何时使用

SegmentedRadioGroup 用于在填写表单、筛选列表或表格、更改页面布局或调整工具的操作模式时从两个或更多选项中进行选择。它比下拉菜单更易于使用,因为所有选项都是同时显示的。

SegmentedRadioGroup 选项必须与上下文相关且相互排斥。

选项的数量应限制在 2-5 个以内,其名称应简短(最多 3 个字)。

初始化 SegmentedRadioGroup 时,默认情况下应至少选择一个选项。

何时不使用

如果有多个选项可用,请使用复选框或下拉列表(选择)。

对于 “是/否” 或 “开/关” 之类的选项,请使用复选框或开关(开关)。

如果有 5-6 个以上的选项或选项名称很长,请使用一组无线电开关(无线电)或下拉列表。

使用 SegmentedRadioGroup 进行页面导航或进度栏(例如,在向导中)是不可接受的。要在页面上导航,请使用一组选项卡(选项卡)。

尺码

M 是桌面接口的标准尺寸,XL 是移动接口的标准尺寸。也可以使用其他尺寸,例如,与页面或对话框中的其他元素保持视觉一致性。

Sizes

除了调整按钮高度外,您还可以自定义内部边距的大小、按钮角的圆角和字体

带有选项的按钮可以有不同的宽度,并且可以自动调整以适应内容(自动宽度)。或者,它们的宽度可以相同,容器的宽度分成两半(最大宽度)。

Sizes

当名称仅相差几个字符时,使用最后一个选项;否则,名称可能会延伸到按钮边缘以外。

尽量保持 SegmentedRadioGroup 中的按钮大小相同,即使在 “自动” 模式下也是如此,这样整个元素才能保持良好的平衡。

内容

除了文本(标签)外,按钮还可能包括图标和计数器。与按钮元素一样,该图标可以与文本(图标和标签)一起显示,也可以不显示文本(仅限图标)。不要在同一 SegmentedRadioGroup 中将包含不同类型内容的按钮组合在一起。

计数器告知用户该选项中包含的对象的数量。

Content

SegmentedRadioGroup 中的按钮文本应以大写字母开头。文本不应用省略号隔开,也不能有重复的部分。

在纯图标版本中,将鼠标悬停在图标上方时,必须显示包含图标名称的工具提示(工具提示)。

在表单中,建议使用 “纯文本” 或 “文本和图标” 选项。纯图标模式通常用于在布局之间切换或选择用户已经熟悉的选项,例如在对象列表和缩略图之间切换,或者在编辑器中选择格式类型。

国家

除了默认状态(默认)外,按钮还可以处于(选定)和/或禁用(禁用)状态。将鼠标悬停在上方(悬停)时,按钮还会显示状态。只能选择一个按钮。

States

以前电台
下一步无线电组