模式 搜索

搜索

搜索功能使用户能够快速查找应用内的内容。

当应用包含大量内容时,用户应该能够通过搜索功能快速查找内容。

搜索选项

语音搜索
搜索建议
自动完成

搜索类型

常驻搜索
可展开搜索

Material Design 搜索功能让用户快速查找内容

应用内搜索 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

当应用包含大量内容时,用户应该能够通过搜索功能快速查找内容。

基本的搜索流程包括:

  1. 打开搜索文本框
  2. 输入并提交查询
  3. 显示一组搜索结果

然而,通过提供以下功能可以提升搜索体验:

  • 语音搜索
  • 在查询完成前,根据用户最近的搜索提供历史搜索建议
  • 自动完成与应用实际结果匹配的搜索建议

应用内搜索有两种主要模式:常驻搜索可展开搜索

常驻搜索

当搜索是应用的主要焦点时,使用常驻搜索。

行为:

文本框嵌入在搜索框内,随时准备被激活。用户可以点击麦克风图标启用语音搜索。

激活时,搜索框会向下展开并显示历史搜索建议。如果需要,屏幕键盘也会出现。

选择任意一条搜索建议就会提交搜索。点击向上箭头会使搜索框失去焦点,关闭搜索建议和屏幕键盘。

Material Design 中的常驻搜索框

常驻搜索框

Material Design 中被激活的常驻搜索框

被激活的常驻搜索框

当用户输入搜索词时,搜索建议会切换为自动完成。随着用户的输入,搜索建议会被过滤和排序。选择建议或按下返回键就会提交搜索。

搜索框中的“×”操作会清空搜索词。

显示搜索结果时,搜索框保持可见,但默认不被激活。屏幕键盘已关闭,以便显示更多搜索结果。

搜索结果被格式化为卡片,以匹配搜索框的内嵌外观,并适应不同类型的搜索结果。

Material Design 搜索中的自动完成功能

自动完成

Material Design 中的搜索结果

搜索结果

可展开搜索

当搜索不是应用的主要焦点时,使用可展开搜索。

行为:

在工具栏中显示放大镜图标,而不是搜索文本框。

点击搜索图标会使工具栏转换,清空其他内容并显示搜索文本框。如果支持语音搜索,麦克风图标也会出现。

搜索文本框会自动被激活,如果需要,屏幕键盘会出现。历史搜索建议可以显示在工具栏下方。选择任何一条建议将提交搜索。

点击向上箭头可以关闭搜索,并将工具栏恢复为原始样式。

Material Design 中的可展开搜索

可展开搜索

Material Design 中被激活的搜索文本框

被激活的搜索文本框

当用户输入搜索词时,搜索建议会切换为自动完成。随着用户的输入,搜索建议会被过滤和排序。选择建议或按下返回键会提交搜索。

搜索框中的“×”操作会清空搜索词。

显示搜索结果时,转换为搜索框样式的工具栏保持可见,但默认未被激活。屏幕键盘已关闭,以便显示更多搜索结果。

搜索结果被格式化为卡片,并显示在工具栏下方的页面主体中。

Material Design 搜索中的自动完成功能

自动完成

Material Design 中的搜索结果

搜索结果