iOS12界面设计指南之视图(Controls)–分段控件(Segmented Controls)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

分段控件是两个或多个片段的线性集合,每一个片段均为互斥按钮。在控件中,所有片段的宽度相等。像按钮一样,片段也可以包含文本或图像。分段控件通常用于显示不同的视图。例如,在地图中,分段控件允许在地图、传输线和卫星视图之间进行切换。

限制片段的数量可以提高其可用性(Limit the number of segments to improve usability.)较大的片段较容易点击。在iPhone上,分段控制应该有五个或更少的分段。

尽量使分段内容的大小保持一致(Try to keep segment content size consistent.)因为所有片段的宽度是相等,所以如果内容只填充其中某些部分而不填充其它部分,那效果自然变不会太好。

避免在分段控件中混合文本和图像(Avoid mixing text and images in a segmented control.)虽然单个片段可以包含文本或图像,但是将两个控件混合在一个控件中可能会导致一个断开的、混乱的交互行为。

在自定义的分段控件中适当地去定位内容(Position content appropriately in a custom a segmented control. )如果您更改了分段控件的背景外观,请确保内容仍然良好,并且不会出现偏移。