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> 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滚动后图片闪烁，图片切换明显

未完待续…

参考链接：
1.踩坑记-在 RecyclerView 中使用 EditText 滚动后数据消失
2. RecyclerView中使用EditText
3.小心！Listview结合EditText使用实例中遇到的那些坑