您的位置:首页 > 移动开发 > Android开发

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

2016-11-23 16:06 866 查看
这篇应该是RecycleView的第四篇了,RecycleView真是新生代的宠儿能做这么多的事情。

转载请注明作者AndroidMsky及原文链接

http://blog.csdn.net/AndroidMsky/article/details/53306657

本文Github:欢迎star

https://github.com/AndroidMsky/SearchView

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



相信这种效果很多项目都会用到,今天就讲讲利用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

欢迎加作者自营安卓开发交流群:308372687



博主原创未经允许不得转载,转载必究

—————————————————————————————

作者推荐: 安卓自定义view滚动数据显示

http://blog.csdn.net/androidmsky/article/details/53009886

RecyclerView下拉刷新分页加载性能优化和Gilde配合加载三部曲

http://blog.csdn.net/androidmsky/article/details/53115818

打造企业级网络请求框架集合retrofit+gson+mvp

http://blog.csdn.net/androidmsky/article/details/52882722

安卓手机自动接起QQ视频秒变摄像头

http://blog.csdn.net/androidmsky/article/details/53066441 —————————————————————————————
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐