标签（Tabs）

              
 

原则

1、可扩展

由于标签可以水平滚动，因此UI可以根据需要使用多个标签。

2、信息化

选项卡将内容组织到类别中，以帮助用户轻松查找不同类型的信息。

3、同一行

选项卡标签之间彼此相邻显示。

类型

1、固定标签

固定选项卡同时显示集中的所有选项卡。最适合快速切换相关内容，例如地图设置切换。

点按单个标签，可在固定标签之间导航，或在内容区域中向左或向右滑动。

 
       

    

特别注意

固定标签的宽度相等，可以按以下方式计算：

• 屏幕宽度除以标签数量

• 按照最宽标签的宽度

使用固定标签时，请确保可以在移动设备上看到它们，而不会截断文本。一次不要使用4个以上的固定标签。

聚合固定标签

聚合固定标签在屏幕上不是平均分配。可以在标签栏中居中放置，也可右对齐或左对齐。

              
 

应在更宽水平布局中使用聚合固定选项卡，例如横屏模式。

2、可滚动标签

       

– 推 荐 阅 读 –

iOS平台设计规范-精简总结篇

Material Design 设计语言-概述

产品设计之用户体验地图

UIKit，让团队协作事半功倍