为了打造一致的用户体验(也为了让您的工作更加轻松),iPhone OS提供了许多用于导航栏和工具栏的标准按钮,以及用于标签栏的图标。

本章介绍了可供您使用的标准图标和按钮,以及如何正确地使用它们。不论您正在开发哪种类型的应用程序,您都应该熟悉本章中所介绍的按钮和图标,这有助于您:


正确地使用系统提供的元素


避免设计出与系统提供的图标过于相似的自定义图标



使用系统提供的按钮和图标

在iPhone OS中,许多标准的工具栏和导航栏按钮,标签栏上的项以及在内置应用程序中常见的通用按钮都是可用的。在图10-1中,您可以在邮件应用程序的工具栏上看到一些标准工具栏按钮。

 


图 10-1 邮件应用程序工具栏上的标准按钮


像图10-1所示的这几个按钮—“刷新”,“组织”,“删除”,“回复”和“撰写”,早已被许多内置的应用程序所使用,因此,用户非常熟悉它们的含义和用法。这意味着,如果您的应用程序支持这些功能,您就可以利用用户对它们的熟悉,使得应用程序的用户界面更加简洁而高效。反之,这也意味着,如果您将这些按钮与其他任务联系起来,很可能会使用户觉得迷惑和不适应,因为用户以为这些按钮仍具有他们所熟知的功能,但实际上它们会执行另外的功能。

除了可以充分利用用户以往的使用经验之外,使用系统提供的按钮和图标还能够带来另外两大好处,具体为:


缩短开发时间,这是因为您不需要为标准功能创建自定义的图形元素。


增强用户界面的稳定性,即使日后iPhone OS的更新版本改变了标准图标的外观也没有问题。换句话说,您尽可信赖于标准图标,即使外观有所变化,它们代表的意思始终保持不变。


值得重申的是,为了利用用户熟悉的优势,使用更短的开发时间并保持用户界面的语义一致性,您必须恰当地使用这些按钮和图标。具体来说,这意味着您应该按照按钮或图标规定的含义和推荐位置来使用它们,而不是依靠您对其外观的臆测。请参考“用于工具栏和导航栏的标准按钮”“用于标签栏的标准图标”“用于表格行和其他用户界面元素的标准按钮”等小节,来了解关于系统提供的按钮和图标的含义和位置信息。

Interface Builder可以很方便地使用系统提供的按钮,并将系统提供的图标应用到您的控件中。您可以参考Interface Builder用户指南中的“iPhone OS用户界面对象”部分,来了解关于外观的信息。

如果任何系统提供的工具栏按钮,导航栏按钮或标签栏项目图标都无法恰当地反映您的应用程序中的某种特定功能,那么您应该设计自定义的按钮或图标。“导航栏,工具栏和标签栏的图标”小节为您提供了一些指导,能够帮助您完成这项工作。


用于工具栏和导航栏的标准按钮

iPhone OS为您准备了在工具栏和导航栏中常见的标准按钮。表10-1所示的这些按钮具有两种样式,分别用于下列不同情况:


边框样式—例如,电话联系人应用程序导航栏中的“添加”按钮。这种样式对于导航栏和工具栏都适用。


无格式样式—例如,邮件应用程序工具栏中的“撰写”按钮。这种样式只适用于工具栏。事实上,即使您指定一个导航栏中的按钮为无格式样式,它也会被转换为边框样式。


如同所有系统提供的按钮一样,请不要将表10-1中的按钮用于其设计用途之外的操作。尤其要避免只根据外观选择按钮,而不考虑这个按钮的文档描述。请参考“使用系统提供的按钮和图标”一节,这部分内容讨论了正确使用图标的重要意义。(有关这些按钮的符号名称和可用性的信息请参考
UIBarButtonSystemItem
的文档。)


表 10-1 可用于工具栏和导航栏的标准按钮(以无格式样式显示)

按钮

含义

名称

image: ../art/UIButtonBarAction.jpg

打开动作表单,允许用户执行应用程序特定的动作

动作

image: ../art/UIButtonBarCamera.jpg

打开动作表单,显示相机模式下的照片选择器

相机

image: ../art/UIButtonBarCompose.jpg

打开新消息的编辑模式视图

撰写

image: ../art/UIButtonBarBookmarks.jpg

显示应用程序特定的书签

书签

image: ../art/UIButtonBarSearch.jpg

显示搜索框

搜索

image: ../art/UIButtonBarNew.jpg

创建一个新项

添加

image: ../art/UIButtonBarTrash.jpg

删除当前项

回收站

image: ../art/UIButtonBarOrganize.jpg

在应用程序中将某一项移动或路由至指定目的地,如文件夹

组织

image: ../art/UIButtonBarReply.jpg

将某一项发送或路由至另一位置

回复

image: ../art/UIButtonBarStop.jpg

停止当前进程或任务

停止

image: ../art/UIButtonBarRefresh.jpg

刷新内容(只在必要时使用;其他情况下自动刷新)

刷新

image: ../art/UIButtonBarPlay.jpg

开始播放媒体或幻灯片

播放

image: ../art/UIButtonBarFastForward.jpg

快进当前播放的媒体或幻灯片

快进

image: ../art/UIButtonBarPause.jpg

暂停当前播放的媒体或幻灯片(请注意,这意味着上下文保存)

暂停

image: ../art/UIButtonBarRewind.jpg

快退当前播放的媒体或幻灯片

快退


除了表10-1所示的按钮之外,在您的应用程序中,您也可以使用表10-2中由系统提供的“编辑”,“取消”,“保存”和“完成”按钮,以支持编辑或其他类型的内容操作。(有关这些按钮的符号名称和可用性的信息请参考介绍
UIBarButtonSystemItem
的文档。)这些按钮对于导航栏和工具栏都适用,但只能以有边框样式提供给用户。如果您使用上述按钮,即使您将其指定为无格式样式,它也会被转换为有边框样式。


表 10-2 用于导航栏的有边框样式的动作按钮

按钮

含义

名称

image: ../art/UIBarSystemItemEdit.jpg

进入编辑或内容操作模式

编辑

image: ../art/UIBarSystemItemCancel.jpg

退出编辑或内容操作模式而不保存更改

取消

image: ../art/UIBarSystemItemSave.jpg

保存更改,并在合适的情况下退出编辑或内容操作模式

保存

image: ../art/UIBarSystemItemDone.jpg

退出当前模式并保存修改(如果有的话)

完成



用于标签栏的标准图标

iPhone OS提供了用于标签栏的标准图标,如表10-3所示。有关这些图标的符号名称和可用性的信息请参考介绍
UITabBarSystemItem
的文档。

与所有的标准按钮和图标一样,您必须根据其规定含义使用这些图标。尤其要注意,要基于图标代表的含义来使用图标,而不是它的外观。这样即使图标的外观发生改变,它所代表的特定含义不变,从而使应用程序的用户界面看起来仍然合理,请参考“使用系统提供的按钮和图标”一节,进一步了解为什么正确使用这些图标如此重要。

 


表 10-3 用于标签栏的标准图标

图标

含义

名称

image: ../art/UITabBarBookmarks.jpg

显示应用程序特定的书签

书签

image: ../art/UITabBarContacts.jpg

显示联系人

联系人

image: ../art/UITabBarDownloads.jpg

显示下载

下载

image: ../art/UITabBarFavorites.jpg

显示当前用户的收藏夹

收藏夹

image: ../art/UITabBarFeatured.jpg

显示应用程序的特色内容

特色

image: ../art/UITabBarHistory.jpg

显示用户操作的历史

历史

image: ../art/UITabBarMore.jpg

显示标签项上的更多项

更多

image: ../art/UITabBarMostRecent.jpg

显示最近一次使用的项

最近一次使用

image: ../art/UITabBarMostViewed.jpg

显示所有用户最关注的项

最多关注

image: ../art/UITabBarRecents.jpg

显示由应用程序定义的一段时间以来用户访问过的项

最近使用

image: ../art/UITabBarSearch.jpg

进入搜索模式

搜索

image: ../art/UITabBarTopRated.jpg

显示用户评级最高的项

最高级



用于表格行和其它用户界面元素的标准按钮

iPhone OS提供了少量用于表格行和其他元素的按钮。表10-4列出了这些按钮,与所有的标准按钮和图标一样,它们应该按照其含义被正确地使用。特别是要避免只根据外观选择按钮,而不是这个按钮的文档描述。请参考“使用系统提供的按钮和图标”一节,这部分内容讨论了正确使用这些图标的重要意义。

虽然“详细信息展开”按钮通常在表格行中使用,但它也可以用在别处。有关该按钮的更多信息请参考“详细信息展开按钮”。iPhone OS还提供了一组只能在表格行中使用的控件;有关这些控件的具体信息请参考“表格视图元素”一节。

有关这些按钮的符号名称和可用性的信息请参考介绍
UIButtonType
的文档。(表格视图元素“详细信息展开”的符号名称和可用性的信息请参考介绍
UITableViewCellAccessoryDetailDisclosureButton
的文档。)


表 10-4 用于表格行和用户界面元素的标准按钮

Button

Meaning

Name

image: ../art/UIButtonTypeContactAdd.jpg

显示联系人选择器,向某一项中添加联系人

添加联系人

image: ../art/UIButtonTypeDetailDisclosure.jpg

显示一个新视图,其中包含当前项的详细信息

详细信息展开

image: ../art/UIButtonTypeInfoDark.jpg

翻转至视图的背面(通常出现在工具程序中)以显示配置选项或其他信息。

请注意,“信息”按钮也可以是暗色的圆圈当中有一个亮色字母“i”。

信息





posted on 2011-05-25 16:59  一个人的天空@  阅读(3337)  评论(0编辑  收藏  举报