Android踩坑日记:RecyclerView中EditText和ImageView的ViewHolder复用坑
来源:互联网 发布:淘宝滑动验证码识别 编辑:程序博客网 时间:2024/06/06 00:22
RecyclerView中EditText和ImageView的ViewHolder复用坑
RecyclerView作为ListView的升级版,目前来讲讲开发过程遇到的坑。
- RecyclerView 中使用 EditText 滚动后数据消失,错乱
场景:RecyclerView中的每个Item的ViewHolder布局中为都有EditText控件,且ViewHolder实现文本改变监听器TextWatcher,用来在用户输入后将数据取出写入到 列表数据中。
添加文本后,上下滑动RecyclerView且将Item划出屏幕。如:填写此EditText为1后,滑出屏幕滑回,文本可能变成0后或其他
结果:对应位置上的EditText未能显示Adapter数据集中对应位置的Text
/*recyclerview优化的holder*/ public static abstract class BaseViewHolder<Data> extends RecyclerView.ViewHolder{ /** * 构造 * * @param itemView 初始化根布局 */ public BaseViewHolder(View itemView) { super(itemView); /*不设置,itemview不会铺满屏幕*/ itemView.setLayoutParams(new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT,RecyclerView.LayoutParams.WRAP_CONTENT)); } /** * 适配器刷新子项回调 * @param data */ public abstract void onRefreshView(Data data,int position); public final <T> T findViewById(int resId){ return (T) itemView.findViewById(resId); } }
/*ViewHolder*/ public class ViewHolderContentText extends RecyclerViewBaseAdapter.BaseViewHolder<ArticleContentBean> implements TextWatcher, { private static final int VIEW_TYPE=3; /*编辑框*/ public EditText contentText; public ViewHolderContentText(View itemView) { super(itemView); contentText= (EditText) itemView.findViewById(R.id.et_text); quoteLine=itemView.findViewById(R.id.v_quote_line); /*设置文本改变监听器*/ contentText.addTextChangedListener(this); } @Override public void onRefreshView(ArticleContentBean articleContentBean, int position){ /*刷新数据*/ String text=textBean.getContentText(); contentText.setText(text); } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { } @Override public void afterTextChanged(Editable s) { /*将写入EditText的文本保存到Adapter的DataList中*/ }}
原因:
乍一看这段代码没有什么问题,但实际上这里有一个很大的坑。通过在 afterTextChanged 方法上增加 Log 记录可以发现,该方法会被多次的调用,其根本原因是因为 EditText 的被重新复用,并且重新绘制!当重绘之后 该回调函数没有获取到填充的数据,还是原来复用的数据。
解决办法:每次填充数据之前先移除 TextWatcher 监听器,然后为 EditText 填充数据 ,最后在为 EditText 添加 TextWatcher 监听器,
/*ViewHolder*/ public class ViewHolderContentText extends RecyclerViewBaseAdapter.BaseViewHolder<ArticleContentBean> implements TextWatcher, { private static final int VIEW_TYPE=3; /*编辑框*/ public EditText contentText; public ViewHolderContentText(View itemView) { super(itemView); contentText= (EditText) itemView.findViewById(R.id.et_text); quoteLine=itemView.findViewById(R.id.v_quote_line); /*设置文本改变监听器*/ //contentText.addTextChangedListener(this); } @Override public void onRefreshView(ArticleContentBean articleContentBean, int position){ /** * recyclerview中使用editext导致数据混乱情况:必须这样设置TextWatcher * */ //1,为了避免TextWatcher在第2步被调用,提前将他移除 if (contentText.getTag(R.id.tag_textWatcher_data) instanceof TextWatcher){ contentText.removeTextChangedListener(this); } //2,移除TextWatcher之后,设置EditText的Text。 String text=textBean.getContentText(); contentText.setText(text); //3,重新添加 TextWatcher 监听器 contentText.addTextChangedListener(this); //4,将TextWatcher绑定到EditText contentText.setTag(R.id.tag_textWatcher_data,this); } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { } @Override public void afterTextChanged(Editable s) { /*将写入EditText的文本保存到Adapter的DataList中*/ }}
- RecyclerView 中使用 ImageView滚动后图片闪烁,图片切换明显
场景:
RecyclerView 的Item布局中都包含ImageView,加载图片使用Glide加载,当ImageView填充图片之后,滑出屏幕在滑回,回看见图片回闪一下,或者先显示上一张图片瞬间切换到应该显示的图片,切换明显
原因:
因为RecyclerView 的ViewHolder复用,当显示该图片时,在RecyclerView 的holder复用池中取出一个之前的Holder显示该图片,但是此Holder还持有之前的图片,所以如果该图片和此Holder持有的图片相同就闪烁,不同就会有明显的切换。
解决方案:
将数据绑定到ViewHolder的Tag,当刷新数据时,判断此ViewHolder的Tag的之前绑定的数据与当前数据比较,相同就不刷新数据,不相同就使用Glide的placeholder垫一个白色或无色图
/*ViewHolder 图片*/ public class ViewHolderContentPhoto extends RecyclerViewBaseAdapter.BaseViewHolder<ArticleContentBean> { private static final int VIEW_TYPE=4; /*图片*/ public ImageView contentPhoto; public ViewHolderContentPhoto(View itemView) { super(itemView); contentPhoto= findViewById(R.id.iv_insert_photo); } @Override public void onRefreshView(final ArticleContentBean articleContentBean, final int position) { /*防止holder重用,数据重加载,闪烁问题*/ ArticleContentBean dataBefore= contentPhoto.getTag(R.id.tag_item_data); if (dataBefore!=null&&dataBefore.equals(articleContentBean)){ return; } String path = dataBefore.getPath(); //glide加载图片 Glide.with(context) .load(path) .diskCacheStrategy(DiskCacheStrategy.ALL) .crossFade() /*placeholder占位,防holder复用,出现图片切换现象*/ .placeholder(new ColorDrawable(Color.TRANSPARENT)) .into(contentPhoto); //将数据绑定到viewholder contentPhoto.setTag(R.id.tag_item_data,articleContentBean); } }
参考链接:
1.踩坑记-在 RecyclerView 中使用 EditText 滚动后数据消失
2. RecyclerView中使用EditText
3.小心!Listview结合EditText使用实例中遇到的那些坑
- Android踩坑日记:RecyclerView中EditText和ImageView的ViewHolder复用坑
- RecyclerView中Adapter和ViewHolder的封装
- Android RecyclerView 中多Item的EditText监听 和 EditText焦点混乱的解决方法
- android RecyclerView获得单个Item的ViewHolder
- android RecyclerView获得单个Item的ViewHolder
- android RecyclerView获得单个Item的ViewHolder
- android RecyclerView获得单个Item的ViewHolder
- RecyclerView的万能Adapter和ViewHolder
- RecyclerView,Adapter和ViewHolder
- 【android】RecyclerView中动态添加子控件和改变ViewHolder高度
- Android学习-常见的UI控件 TextView、EditText和ImageView
- Android RecyclerView中ViewHolder的复用导致数据错乱解决办法
- Android RecyclerView的案例讲述和"The hierarchy of the type ViewHolder is inconsistent"错误解决
- RecyclerView+RecyclerView.Adapter+RecyclerView.ViewHolder的使用
- Android中的ImageView和EditText(一)
- Android viewHolder缓存RecyclerView,ListView
- RecyclerView和Adapter 以及ViewHolder
- RecyclerView的ViewHolder和Adapter的封装优化
- vs2010 Firebird:3.0源码编译步骤:(以64位举例)
- NoSQL与MySQL关系型数据库
- 异步加载数据加多条目加载
- cocoscreator--snake游戏总结
- Git命令工作常用记录 回退 删除 添加 查看
- Android踩坑日记:RecyclerView中EditText和ImageView的ViewHolder复用坑
- Qt改错本
- <<每天最重要的2小时>>感谢
- [CQOI2015]&[bzoj3933]多项式 二项式定理+高精度
- spring data jpa
- 动态修改TabLayout标题
- 31. Next Permutation
- cookie 和 session
- 第三周项目1(1) 建立线性表