Android踩坑日记：RecyclerView中EditText和ImageView的ViewHolder复用坑

本文主要是介绍Android踩坑日记：RecyclerView中EditText和ImageView的ViewHolder复用坑，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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> implementsTextWatcher,    {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);}@Overridepublic void onRefreshView(ArticleContentBean articleContentBean, int position){/*刷新数据*/String text=textBean.getContentText();contentText.setText(text);}@Overridepublic void beforeTextChanged(CharSequence s, int start, int count, int after) {}@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {}@Overridepublic void afterTextChanged(Editable s) {/*将写入EditText的文本保存到Adapter的DataList中*/}
}

原因：
乍一看这段代码没有什么问题，但实际上这里有一个很大的坑。通过在 afterTextChanged 方法上增加 Log 记录可以发现，该方法会被多次的调用，其根本原因是因为 EditText 的被重新复用，并且重新绘制！当重绘之后该回调函数没有获取到填充的数据,还是原来复用的数据。

解决办法：每次填充数据之前先移除 TextWatcher 监听器，然后为 EditText 填充数据，最后在为 EditText 添加 TextWatcher 监听器，

/*ViewHolder*/public class ViewHolderContentText extends RecyclerViewBaseAdapter.BaseViewHolder<ArticleContentBean> implementsTextWatcher,    {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);}@Overridepublic 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绑定到EditTextcontentText.setTag(R.id.tag_textWatcher_data,this);}@Overridepublic void beforeTextChanged(CharSequence s, int start, int count, int after) {}@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {}@Overridepublic 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);}@Overridepublic 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);//将数据绑定到viewholdercontentPhoto.setTag(R.id.tag_item_data,articleContentBean);}}