Apple HIG:分段控件(Segmented controls)

2026年4月23日
Apple HIG
Apple HIG
苹果人机界面设计指南
已累计原创 20 篇文章查看全部


分段控制

分段控制是两个或多个分段组成的线性集,每个分段用作一个按钮。

分段控制中所有分段的宽度通常都相等。分段与按钮类似,也可以包含文本或图像。分段下方(或整个控制下方)也可以有文本标签。


最佳实践

分段控制可以提供单选或多选。例如,在 Keynote 讲演中,用户只可以选择对齐选项控制中的一个分段来对齐所选文本。相比之下,用户可以选择字体属性控制中的多个分段,以组合粗体、斜体和下划线等样式。Keynote 讲演窗口的工具栏也使用分段控制,让用户在主窗口区域中显示和隐藏各种编辑面板。



使用分段控制提供影响对象、状态或视图的密切相关选项。例如,分段控制可帮助用户在工具栏的视图之间切换。避免使用分段控制来提供操作,如添加、移除或编辑内容。

避免使用过多分段挤满控制。过多分段可能造成难以解析且导航耗时。宽界面中的分段尽量不超过约五到七个,iPhone 上则不超过五个。

通常保持分段大小一致。当所有分段宽度一样时,分段控制呈现平衡感。在可能的范围内,最好也保持图标和标题宽度一致。


内容

在单个分段控制中优先采用文本或图像,而非混用两者。虽然单个分段可以包含文本标签或图像,但在单个控制中混用两者可能会导致界面不连贯并令人困惑。

尽可能在每个分段中使用大小相似的内容。所有分段通常宽度一样,因此如果有些分段填充了内容,有些却没有内容,看起来就会效果不佳。

为分段标签使用名词或名词短语。编写文本来描述每个分段,并采用 title-style capitalization(标题式大写)。显示文本标签的分段控制不需要介绍性文本。


平台考量因素

在 watchOS 中不受支持。

Pro 会员文章
开通美叶 Pro 会员,即可阅读此篇文章的全部内容,同时可阅读全站 Pro 会员文章
开通美叶 Pro

0 人收藏了本文

为 Gemini 应用绘制插画体系为 Gemini 应用绘制插画体系
Material3设计规范:轮播(Carousel)Material3设计规范:轮播(Carousel)
Apple HIG:页面控制(Page controls)Apple HIG:页面控制(Page controls)
Apple HIG:提醒(Alerts)Apple HIG:提醒(Alerts)
Apple HIG:操作表单(Action sheets)Apple HIG:操作表单(Action sheets)
Apple HIG:进度指示符(Progress indicators)Apple HIG:进度指示符(Progress indicators)
Material3设计规范:开关(Switch)Material3设计规范:开关(Switch)
Apple HIG:材质(Materials)Apple HIG:材质(Materials)