Material Design学习之 Search

转载请注明出处：王亟亟的大牛之路

之前令寻寻觅觅冷冷清清凄凄惨惨戚戚的把MD的一大堆控件集体上了一次，然后总有些漏网之鱼的，然后这篇就是漏掉的一部分“搜索”，先从理论部分说起

这边再安利下自己的收纳库,1-5每天更新，方便大家找资源 传送门：https://github.com/ddwhan0123/Useful-Open-Source-Android

简单的说一下什么是搜索



官方给我们的解释有几点

当你的应用有一大堆东西，这些东西多到你遍历不过来的时候，你就可以使用搜索然后“精确”的找到你想要的内容

搜索的流程很简单，整个输入框，输入内容，查询，显示相关的结果。

当然，往往业务逻辑并没有那么简单，我们需要增加一些功能来完善我们的搜

索。

诸如语音搜索，历史查询记录呈现，模糊查询等等，都可以提升我们的用户体验。

MD主推的是persistent search和expandable search

先从Persistent search说起

当这个搜索功能是你这个视图很重要并且利用率比较高的话可以选用persistent search（简单地说，就是他一直都在，不会刻意隐藏）

像这样







当搜索文本框获得焦点的时候，搜索框展开以显示历史搜索建议。

如果需要，屏幕键盘也会显示。

选择任意建议提交搜索。

点击上箭头(up arrow)来离开搜索并关闭建议和屏幕键盘。

当用户想要擦出输入内容的时候会有一个”x”来让他做轻触按钮。

这边要申明一点，MD对结果的呈现也有一定的要求



接下来是 Expandable search

当搜索的这个功能并非这个页面的主要功能，而是附加功能或者说不是最重要的点，推荐使用这个模式 （默认为收缩起来的样式，在用户点击等操作的情况下才显示出来,一般用一个放大镜作为“入口”）

像这样



用户点击之后就和上一种模式一样了



就这点区别，其他退出啊，清楚啊都是一模一样，没有区别这里就不做解释了

参照文档：http://www.google.com/design/spec/patterns/search.html#search-in-app-search

Search之类的控件本来想找得到就找，找不到就自己写一个，结果还是找到个比较理想的，这边来简单的介绍下

项目地址：https://github.com/lapism/SearchView

再贴下 效果



基本符合了官方的设计标准