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中的字符发生改变会回调这个接口:
啪啪啪一注册接口,onTextChanged就是我们想要的方法了:
3.textview显示不同颜色,其实这有很多种实现方式,最笨的就是用两个或者说是用三个textview左右挨着实现高亮颜色,然而这并不科学,我们使用StringFormatUtil这样一个工具类来实现高亮颜色。
4.Adapter如何知道key。
在构造方法去传入就可以了:
好的4个食材我们就准备好了
烹饪逻辑如下:
1.注册生产所有类。
2.在实时监控edittext的回调接口中重新构造CustomerCampanySearchAdapter传入新的key值。
3.在CustomerCampanySearchAdapter中的onBindViewHolder方法中改变Textview的高亮key值。
效果就这样完美实现了,也提倡大家在分析的时候一定要冷静,首先看懂自己要什么效果,之后就是你需要什么子效果,然后是怎么把这些子效果串起来实现最终的效果。
本文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 —————————————————————————————
转载请注明作者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 —————————————————————————————
相关文章推荐
- Android基于RecyclerView实现高亮搜索列表
- Android客户端之“微服私访”App的系统学习(七)XRecyclerView快速实现列表界面+自定义Search输入框,软键盘搜索按钮监听+TextView部分样式改变
- Android实现RecyclerView自定义列表,SwipeRefreshLayout实现下拉刷新
- Android RecyclerView单击、长按事件标准实现:基于OnItemTouchListener + GestureDetector
- Android RecyclerView (二)初学,实现GridView列表和瀑布流效果。
- Android RecyclerView (一)初学,实现ListView列表效果。
- Android RecyclerView 实现position列表倒序排列(汇总)
- [置顶] Android 基于RecyclerView实现批量操作
- Android基于RecyclerView实现高亮搜索列表
- Android RecyclerView实现数据列表展示效果
- Android -- RecyclerView(超简单)实现可展开列表
- Android中RecyclerView实现多级折叠列表效果(二)
- Android RecyclerView实现列表多选
- Android在滚动列表中实现视频的播放(ListView & RecyclerView)
- Android 在滚动列表中实现视频的播放(ListView & RecyclerView)
- (更新版)Android VideoPlayer 在滚动列表实现item视频播放(ListView控件和RecyclerView)
- 【Android】 RecyclerView、ListView实现单选列表的优雅之路.
- Android RecyclerView单击、长按事件标准实现:基于OnItemTouchListener + GestureDetector
- 【Android】 RecyclerView、ListView实现单选列表的优雅之路.
- Android使用RecyclerView实现列表数据选择操作