您的位置:首页 > 产品设计 > UI/UE

《iOS Human Interface Guidelines》——Search Bar

2016-03-09 14:18 381 查看
搜索栏

搜索栏接收用户输入用于搜索的文本(如下,带有占位文本)。



API NOTE

查看UISearchBar学习如何在你的代码中定义搜索栏。查看UISearchDisplayController学习更多关于显示搜索栏的内容。

搜索栏可以显示一些可选的元素,例如:

占位文本。这个文本可能陈述了控件的功能(比如上面显示的“搜索”)或提醒用户他们在何种环境搜索(比如“Goodle”)。
书签按钮。这个按钮可以提供一个访问用户想要方便再次找到的信息的捷径。比如说,地图搜索模式的书签按钮可以标记位置、最近的搜索和接触。



书签按钮只在搜索栏中没有用户提供的或非占位符文本时显示。当搜索栏包含这些文本时,清除按钮会出现,这样用户就可以清除文本。

清除按钮。大多数搜索栏包含清除按钮来让用户通过一次点击清除搜索栏的内容。



当搜索栏包含非占位符文本时,清除按钮就会出现,这样用户就可以清除文本。如果搜索栏没有用户提供的或非占位符文本,清除按钮就要隐藏。

结果列表图标。这个图标暗示了搜索结果的存在。当用户点击结果列表图标时,app可以显示他们最近搜索的结果。



一个提示。一个描述性的标题,称为提示,可以被放置在搜索栏上方。提示是一个简短的、完整的句子,提供搜索栏的介绍或者app独特的环境。



使用搜索栏来在你的app中提供搜索。不用使用输入框来提供搜索,因为它没有用户期待的标准搜索栏表现。

在iOS 8及以后的系统中,使用UISearchController来方便地在导航栏中放置搜索栏。注意当搜索控制器的视图控制器被包含在一个导航控制器中时——像邮件中一样——当用户发起搜索时搜索栏会自动过渡成导航栏。

选择会在你的app中补充搜索的重要性的搜索栏风格。如果搜索时你app的主要功能,你可能会想用突出的风格;如果用户不经常需要搜索,你可能会想用最小的风格。

突出的搜索栏风格(邮件中显示的):



最小的搜索栏风格(音乐中显示的):



本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
版权所有:http://blog.csdn.net/cloudox_

本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
版权所有:http://blog.csdn.net/cloudox_
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: