Photoshop CC 移动UI设计案例教程(全彩慕课版)
上QQ阅读APP看书,第一时间看更新

3.1.4 搜索栏

搜索栏(Search Bars)通过在字段中输入文本来进行相关查找,在默认状态下,分别有大和小两种模式,其尺寸如图3-82所示。

图3-82 搜索栏的尺寸

搜索栏通常都包含一个用于删除该内容的“清除”按钮,同时大多数搜索栏包含一个用于取消搜索的“取消”按钮,如图3-83所示。

图3-83 搜索栏中的清除按钮和取消按钮

搜索栏可以显示提示文本及在下方提供有用的结果列表和其他内容,这两种方法都可以帮助用户更快地获取内容,如图3-84所示。

图3-84 搜索栏中的提示文本和下方的结果列表