5.3 导航搜索(Material基础)
深圳/设计爱好者/7年前/509浏览
版权
5.3 导航搜索(Material基础)
本文介绍了Material基础导航中的《搜索》
搜索
搜索使用户能快速查找到应用程序中的内容。

目录
用法
常驻搜索
扩展搜索
用法
搜索使用户在应用程序中能快速定位到内容位置。基本搜索使用户在文本框中输入请求后能查看到对应的结果。
搜索查询输入方式可以扩展为历史建议、自动补全查询以及语音输入等。
常驻搜索
当搜索是应用程序的重要功能时,请使用常驻搜索。搜索文本字段出现在搜索框内,随时准备接收焦点。
用法
1. 聚焦时,搜索体验将扩展到整个屏幕。根据需要,历史搜索记录可显示在文本字段之下。
2. 用户可以键入查询或者从推荐中选择(如果可用),然后按回车提交搜索。
3. 搜索结果显示在搜索栏的下方。
4. 要从搜索栏中释放焦点并取消搜索建议,用户可点击“向上”箭头。

常驻搜索栏接收焦点、加载结果并返回到未聚焦状态。

1. 未聚焦状态时的常驻搜索栏(默认)
2. 聚焦后的常驻搜索栏,栏下是推荐信息卡片
扩展搜索
当搜索不是应用程序的主要功能时,请使用扩展搜索。扩展搜索在工具栏上显示搜索图标,而非外在搜索文本框。
用法
1. 用户点击搜索图标(工具栏内),将其转换成聚焦的搜索栏。
2. 用户输入时,历史搜索建议显示在搜索栏下方。
3. 输入查询或选择推荐信息后,按回车键提交搜索。
4. 结果显示在搜索栏下面,内容可以滚动。
显示结果时,搜索文本区域仍然可见,但没有聚焦。点击向上箭头可从搜索中释放焦点、取消推荐以及退出界面上的键盘,将工具栏返回至初始状态。

从一个图标打开扩展搜索栏并载入结果

1. 可扩展搜索的默认状态
2. 带有自动补全推荐信息的聚焦搜索文本框
*原文作者为谷歌设计团队,本文为个人翻译作品,仅供学习参考
0
2
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
推荐登录即可同步推荐记录哦
2登录即可加入我的收藏
评论登录即可评论想法
分享分享






































