Android自定义模糊匹配搜索控件(二)

在项目中遇到一个需要通过某个字的值筛选匹配带出其他信息的需求,在这里将实现思路整理出来。
源码地址:https://github.com/whieenz/SearchSelect

先看效果图

image

上图中的示例是通过姓名模糊匹配,然后将匹配到的信息显示到结果区域,通过点击目标信息带出其他详细信息例子。

实现原理

先看界面布局简图
image

从图中可以看出该功能主要包含搜索区域、顶层、底层、结果区域(RecycleView)、空白区域五个模块。

  • 搜索区域:核心原理EditView 采集模糊匹配条件,同时给EditView添加输入监听当每次输入改变时从目标数据集(数据库或缓存数据)中模糊查询。
  • 顶层区域和底层区域共用同一块屏幕,在布局实现上顶层在上面底层在下面,正常情况下隐藏顶层就能看到底层的内容,当搜索区域的EditText有输入变化时显示顶层区域,设置顶层区域的背景为半透明就能实现貌似遮罩的效果。
  • RecycleView内容区域:在顶层的最上面大小自适应,用来显示匹配到的结果,是一个常见的RecycleView
  • 空白区域:大小占用除了内容区域外所有的顶层区域,添加点击事件实现被点击后隐藏顶层显示底层的效果。

相关文章:Android 自定义支持快速搜索筛选的选择控件(一)

具体实现代码就不在这里一一贴出来,完整源码已上传GitHub。如有需要请点击以下链接:https://github.com/whieenz/SearchSelect 若对您有帮助请记得点个 ★☆★☆★ 。

原文地址:https://www.cnblogs.com/whieenz/p/8919198.html