分段控制(Segmented Controls)/分段器-ios
定义:
分段控件主要用于页面内不同内容模块之间的横向切换。由多个段组成的水平控件,每个段用作一个独立的按钮。
上图:分段控制器
分段控件是一个包含两个或更多分段的线性合集,每一个分段功能上都是互斥按钮。在控件中,所有的分段都是等宽的。和按钮一样,分段可以包含文本和图像。分段控件经常用来显示不同的视图。例如,在下面示例中,分段控件允许您在 年、月、周和日视图之间切换。
文字类型:
图标类型:
图文混合类型:
不同大小:
注意:
限制段数以提高可用性。越宽的分段越容易点击。在移动端,分段控件应该有五个或更少的分段。
尽量保持分段内容大小一致。因为所有段的宽度都相同。
避免在分段控件中混合文本和图像。尽管单独的段可以包含文本或图像,但将两者混合在一个控件中可能会导致界面混乱。
规则#
和 Tabs (多页签)功能相似,尽可能避免一个页面中同时出现这两个组件。
可以搭配 NavBar 一起使用,用于显示多个视图,分段数一般为 2 个。
单独放置一行时,分段数最多为 5 个;文案需要精简,一般 2-4 个字。
尽可能保持文案长度一致。
tps:分段控制器和多页签都可以承担范围栏(Scope Bars)用途。
可以在搜索栏附加范围栏来让人们定义搜索范围。
实际上专注于改善搜索结果而不是增加范围栏。当搜索的内容有明确定义的分类的时候,范围栏是有用的。但是最好去优化搜索结果,这样就不必增加范围栏来过滤范围了。