Tab Bars

Tab Bars 标签栏

一个标签栏显示在一个应用程序屏幕的底部，并提供快速切换应用程序不同部分的能力。标签栏是半透明的，可能有背景色，在所有屏幕朝向中保持相同的高度，当显示键盘时隐藏。标签栏可以包含任意数量的选项卡，但是可见选项卡的数量根据设备的大小和方向而变化。如果由于水平空间有限，一些选项卡不能显示，最终的可见选项卡会变成一个更多的选项卡，它会在单独的屏幕上显示列表中的附加选项卡。

tabbar_1.png

In general, use a tab bar to organize information at the app level.
通常，使用标签栏来组织应用程序级别的信息。
标签栏是一个很好的方法，它可以使你的信息层次变得平坦，同时提供对多个对等信息类别或模式的访问。

Use a tab bar strictly for navigation.
严格使用标签栏导航。
选项卡栏按钮不应该用于执行操作。如果您需要提供对当前视图中的元素进行操作的控件，请使用工具栏。参考 Toolbars.

Avoid having too many tabs.
避免使用太多的选项卡。
每一个额外的标签都减少了tappable区域的选择，增加了你的应用程序的复杂性，使得定位信息变得更加困难。虽然更多的选项卡可以显示额外的选项卡，但这需要额外的点击量，而且使用空间很差。只包含基本选项卡，并使用信息层次结构所需的最小标签。太少的选项卡也可能是一个问题，因为它会使您的接口显得断开。一般来说，在iPhone上使用3到5个标签。还有一些在iPad上是可以接受的。

Don’t remove or disable a tab when its function is unavailable.
当它的功能不可用时，不要删除或禁用它。
如果选项卡在某些情况下是可用的，但在其他情况下，你的应用程序的界面变得不稳定且不可预测。确保所有选项卡都是启用的，并解释为什么选项卡的内容不可用。例如，如果iOS设备上没有歌曲，音乐应用程序中的My Music选项卡会解释如何下载歌曲。

Always switch contexts in the attached view.
总是在附加的视图中切换上下文。
为了保持你的界面可预测，选择一个标签应该总是会影响到直接连接到标签栏的视图，而不是屏幕上的另一个视图。例如，在分屏视图的左侧选择一个选项卡不应该导致拆分视图的右侧突然改变。在弹出窗口中选择一个选项卡不应该导致弹出窗口背后的视图发生改变。

Make sure tab bar icons are visually consistent and balanced.
确保标签栏图标在视觉上是一致和平衡的。
该系统为常见用例提供了一系列预定义的图标。 See System Icons > Tab Bar Icons. You can also create your own icons. See Custom Icons.

Use badging to communicate unobtrusively.
用不显眼的方式沟通。
您可以显示一个坏消息—一个包含白色文本的红色椭圆，或者一个数字或一个感叹号，以表示新信息与该视图或模式相关联。

开发人员请参考 UITabBar.

提示
理解标签栏和工具栏之间的区别是很重要的，因为这两种类型的条都出现在应用程序屏幕的底部。标签栏让用户之间快速切换应用程序的不同部分,如闹钟、秒表,在时钟和计时器标签应用。工具栏包含按钮与当前上下文相关的执行操作,如创建一个条目,删除一个条目,添加一个注释,或拍照。看到工具栏。标签栏和工具栏在同一视图中不会出现在一起。

免责声明：以上内容均来自官方文档 iOS 设计指南 ，在 有道翻译 的基础上进行修改整理，仅用于个人学习。因个人水平有限，如果存在错误，请读者谅解并指出，非常感谢！