返回《iOS Human Interface Guidelines译文》

工具栏

工具栏上放着用于操作当前屏幕上物体的控件。

外观和行为

在 iPhone 上,工具栏总在屏幕的底部。但是在 iPad 上它也可能出现在顶部。

工具栏上的控件等宽放置。 控件会随着屏上内容的切换而改变, 因为内容与用来操纵它的控件是匹配起来的。

在 iPhone 上,横屏切换到竖屏时工具栏高度会自动变小。在 iPad 上,工具栏的高度和透明度是恒定的。

指南

在工具栏上要放那些用户能对当前内容所做的操作, 不要那它来切换程序模式 (Don't
use a toolbar to switch among different modes in an application) 。如果你要实
现切换的效果,可以用去看"tab 栏" 。

在工具栏上放那些当前情景下用户最常用的功能。你也可以通过在工具栏上放置分段控件,来切换浏览数据的方式,或者程序模式(- -! 为何与上一段自相矛盾呢?原文:You can also put a segmented control in a toolbar to give people access to different perspectives on your application's data or to different application modes) 。欲知更多,详见"分段控件" 。

每个工具栏上的控件至少要保持 44×44 像素的面积。如果控件太密集,用户点击就很困难。

调用系统提供的控件要遵循使用规范。详情请查看 "工具栏和导航栏中使用的标准按钮"。如果你决定定制自己的导航栏控件,请到 "导航栏、工具栏和 tab 栏上用的图标"查看设计建议。

尽量避免在同一个工具栏上混合使用有边框和无边框的控件。使用任何一种都可以,但是不要混着用。

适当的时候,可以定制工具栏的颜色和透明度。如果你想让工具栏和整个程序的外观一致起来,可以去定制颜色。如果要鼓励用户浏览内容,可以把工具栏做成半透明的。如果你用了半透明的工具栏,就不要用不透明的导航栏。设备方向不变时,不要改变在不同屏上使用不同颜色或透明度的工具栏。

在 iPhone 上,要考虑到由设备方向改变引起的工具栏高度变化。确保你定制的工具栏图标与横屏模式下的窄工具条相适应。不要把工具条的高度写死。