Android基于RecyclerView实现高亮搜索列表

2019-12-12 04:06:27

字体：大中小

来源：转载

供稿：网友

话不多说先看今天的实现的效果：

相信这种效果很多项目都会用到，今天就讲讲利用RecycleView来实现他，博主把此篇文章定位初级篇，可能因为这确实很简单，所以我要更要讲的详细一点让新手也可以能看的懂。

饭要开始做了，我们要准备哪些食材呢。

1.一个RecyclerView或是listview或是其他可以显示多item的控件（主要的干货）

2.搞清楚EditText的实时监听

3.让一个textview出现不同的颜色

4.如何穿过Adpter找出textview中key值（也就是高亮字符串）

当你打通这四个技术点后，如果还不能实现这种效果，那么你能说你现在的学习太死板，不会活学活用。如果你看到效果立马想到这四个技术点说明你有一定的项目组织能力了。接下来我们就解析一下这个四个食材。

1.RecyclerView犹豫这里比较简单可以使用原声的RecyclerView，但是笔者一直在用封装好的RecyclerView所以还用我之前封装好的来实现，如果对RecyclerView还不熟悉的传送门送你走：http://blog.csdn.net/androidmsky/article/details/52922348

2.EditText事实输入监听，其实就是个借口每次Editext中的字符发生改变会回调这个接口：

TextWatcher textWatcher = new TextWatcher() { @Override public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) { } @Override public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) { } @Override public void afterTextChanged(Editable editable) { } };

啪啪啪一注册接口，onTextChanged就是我们想要的方法了：

editMobile.addTextChangedListener(textWatcher);

3.textview显示不同颜色，其实这有很多种实现方式，最笨的就是用两个或者说是用三个textview左右挨着实现高亮颜色，然而这并不科学，我们使用StringFormatUtil这样一个工具类来实现高亮颜色。

StringFormatUtil spanStr3 = new //分别是上下文，原串，key，高亮颜色。StringFormatUtil(mContext, data.name,  mkey, R.color.blue).fillColor();  customerHolder.tvName.setText(spanStr3.getResult());

4.Adapter如何知道key。

在构造方法去传入就可以了：

 public CustomerCampanySearchAdapter(List<Customer> list, Context context, String key) { super(list); mContext = context; mkey = key; this.list = list; }

好的4个食材我们就准备好了

烹饪逻辑如下：

1.注册生产所有类。

2.在实时监控edittext的回调接口中重新构造CustomerCampanySearchAdapter传入新的key值。

public void showCustomer(List<Customer> list, String key) { if (list == null || list.size() == 0)  return; customerList.clear(); customerList.addAll(list); adapter = new CustomerCampanySearchAdapter(customerList, this, key); superRecyclerView.setAdapter(adapter); superRecyclerView.showData(); adapter.setOnItemClickListener(new BaseRecyclerAdapter.OnItemClickListener() {  @Override  public void onItemClick(View view, int position, long id) {  //  } }); }

3.在CustomerCampanySearchAdapter中的onBindViewHolder方法中改变Textview的高亮key值。

@Override public void onBindViewHolder(BaseRecyclerViewHolder holder, int position, final Customer data) { CustomerHolder customerHolder = (CustomerHolder) holder; customerHolder.tvName.setText(data.name); StringFormatUtil spanStr3 = new StringFormatUtil(mContext, data.name,  mkey, R.color.blue).fillColor(); if (spanStr3 != null)  customerHolder.tvName.setText(spanStr3.getResult()); else customerHolder.tvName.setText(data.name); }

效果就这样完美实现了，也提倡大家在分析的时候一定要冷静，首先看懂自己要什么效果，之后就是你需要什么子效果，然后是怎么把这些子效果串起来实现最终的效果。

本文Github：欢迎star https://github.com/AndroidMsky/SearchView

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持武林网！

上一篇：详解JS与APP原生控件交互

下一篇：android仿音悦台页面交互效果实例代码