Search Bars

Search Bars 搜索栏

搜索栏允许人们通过将文本输入到字段中来搜索大量的值。搜索栏可以单独显示,也可以在导航栏或内容视图中显示。当在导航栏中显示时,搜索栏可以被固定在导航栏上,这样它就可以被访问,或者它可以被折叠,直到用户向下滑动来显示它。

Search Bars_第1张图片
searchBar_1.png

Use a search bar instead of a text field to implement search.
使用搜索栏代替文本字段来实现搜索。
文本字段没有人们期望的标准搜索栏外观。

Enable the Clear button.
启用Clear按钮。
大多数搜索栏都包含一个清除字段内容的清除按钮。

Enable the Cancel button when appropriate.
在适当的时候启用取消按钮。
大多数专用的搜索栏包括一个取消按钮,它会立即终止搜索。

Search Bars_第2张图片
searchBar_2.png

If necessary, provide hints and context in a search bar.
必要时,在搜索栏中提供提示和上下文。
一个搜索栏的字段可以包含“搜索衣服、鞋子和附件”之类的占位符,或者简单的“搜索”——作为对搜索上下文的提醒。一个简洁的,有适当标点符号的单行提示符也可以直接出现在搜索栏上以提供指导。股票使用一个提示,让人们知道他们可以输入公司名称或股票代号。

Search Bars_第3张图片
searchBar_3.png

Consider providing helpful shortcuts and other content below a search bar.
考虑在搜索栏下面提供有用的快捷方式和其他内容。
使用搜索栏下的区域帮助人们更快地浏览内容。例如,当你点击搜索栏时,Safari就会显示你的书签。选择一个直接进入它而不输入任何搜索条件。当您输入搜索字段时,股票会显示一个结果列表。在任何时候点击一个,不需要输入更多的字符。

开发人员请参考 UISearchController 和 UISearchBar.

Scope Bars

可以将范围栏添加到搜索栏中,以让人们细化搜索的范围。

Search Bars_第4张图片
searchBar_4.png

Favor improving search results over including a scope bar.
支持改进搜索结果,包括范围栏。
当有明确定义的类别进行搜索时,作用域栏是有用的。然而,最好的方法是改进搜索结果,这样就没有必要进行搜索了。

开发人员请参考 UISearchBar.

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

你可能感兴趣的:(Search Bars)