自定义recyclerview实现添加headerview与footerview

2017-07-06 09_46_56.gif

最近生活发生了挺多变化，坚持早晚锻炼，充实起来才发现生活原来可以如此美好。

1.jpeg

背景

公司项目需要一个可以列表展示，本着多用新控件新特性的想法，就自定义了一个这样的recyclerview的适配器。

原理

其实实现原理比较简单，就类似与listview在适配器中添加不同类型的item一样。根据itemType的不同，初始化不同的itemview，从而来实现。

废话不多说，我们来上代码（其实已经说了蛮多废话啦）

自定义的Adapter

首先自定义一个adapter

public class RefreshAndLoadAdapter extends RecyclerView.Adapter {
    // 用于存放头部view和尾部view
    private List mHeaderViews;
    private List mFooterViews;
    ···
}

接下来复写其中比较重要的方法

第一步getItemViewType方法

    // 返回对应的view的类型
    @Override
    public int getItemViewType(int position) {
        int realPosition = position;
       // 数据源真正的下标位置
        if (mHeaderViews != null && mHeaderViews.size() > 0) {
            realPosition = position - mHeaderViews.size();
        }
       // 返回headerview类型
        if (mHeaderViews != null && position < mHeaderViews.size()) {
            return TYPE_HEADER;
        }
        // 返回footerview类型
        if (mFooterViews != null && mFooterViews.size() > 0) {
            if (realPosition >= mData.size()) {
                return TYPE_FOOTER;
            }
        }

        return TYPE_ITEM;
    }

第二步onCreateViewHolder方法

这里添加的header view或者footer view其实都只能是一种布局，最开始我也想多种类型的布局直接在一个headerlist中来实现，发现这个方法中不能得到position数据。
不过后来一想，也对，不同布局其实就是不同的viewType了，定义不同的viewType来实现就行啦。

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RecyclerView.ViewHolder holder;
        if (viewType == TYPE_HEADER) {
            holder = new HeaderViewHolder(mHeaderViews.get(0));
        } else if (viewType == TYPE_FOOTER) {
            holder = new FooterViewHolder(mFooterViews.get(0));
        } else {
            View item = mInflater.inflate(R.layout.item_consultant_info, parent, false);
            holder = new ItemViewHolder(item);
        }

        return holder;
    }

第三步getItemCount方法

这个方法需要说明一下。根据headerview与footerview的个数来确定count的个数。

    @Override
    public int getItemCount() {
        // 无数据源肯定count为0
        if (mData == null)
            return 0;

        int count = 0;
        if (mHeaderViews != null) {
            // 添加header view的size个数
            count += mHeaderViews.size();
        }
       // 添加footer view的size个数，并且多一个外部开关来控制底部view的显示与否，方便数据加载完后隐藏底部view
        if (mFooterViews != null && isShowFooter) {
            count += mFooterViews.size();
        }

        return count + mData.size();
    }

总结

整体实现的思路就是：
数据源外增加viewType类型，那首先就得清楚，哪个position对应哪种类型的viewType，然后根据不同的viewType进行不同视图的初始化，从而达到想要的效果，此文只是抛砖引玉，在此基础上还可以实现更多的功能。

最后放上整体的代码，如果有错误或者问题欢迎指出与讨论。欢迎大家关注酒店哥哥，免费订会场，酒店哥哥，免费订会场，酒店哥哥，免费订会场；重要的事情说三遍。

public class RefreshAndLoadAdapter extends RecyclerView.Adapter {
   private static final int TYPE_ITEM = 0;
   private static final int TYPE_FOOTER = 1;
   private static final int TYPE_HEADER = 2;
   private List mData;
   private List mHeaderViews;
   private List mFooterViews;
   private boolean isShowFooter;
   private LayoutInflater mInflater;
   private OnItemClickListener listener;

   public RefreshAndLoadAdapter(List mData, Context context) {
       this.mData = mData;
       this.mInflater = LayoutInflater.from(context);
   }

   public void setRefreshItemClickListener(OnItemClickListener listener) {
       this.listener = listener;
   }

   @Override
   public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
       RecyclerView.ViewHolder holder;
       if (viewType == TYPE_HEADER) {
           holder = new HeaderViewHolder(mHeaderViews.get(0));
       } else if (viewType == TYPE_FOOTER) {
           holder = new FooterViewHolder(mFooterViews.get(0));
       } else {
           View item = mInflater.inflate(R.layout.item_consultant_info, parent, false);
           holder = new ItemViewHolder(item);
       }

       return holder;
   }

   @Override
   public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
       if (holder instanceof ItemViewHolder) {
           final int realPosition = position - (mHeaderViews == null ? 0 : mHeaderViews.size());
           ItemViewHolder itemHolder = (ItemViewHolder) holder;
           if (mData != null && mData.get(realPosition) != null) {
               ......
           }

       }
   }

   @Override
   public int getItemCount() {
       if (mData == null)
           return 0;

       int count = 0;
       if (mHeaderViews != null) {
           count += mHeaderViews.size();
       }

       if (mFooterViews != null && isShowFooter) {
           count += mFooterViews.size();
       }

       return count + mData.size();
   }

   @Override
   public int getItemViewType(int position) {
       int realPosition = position;
       if (mHeaderViews != null && mHeaderViews.size() > 0) {
           realPosition = position - mHeaderViews.size();
       }

       if (mHeaderViews != null && position < mHeaderViews.size()) {
           return TYPE_HEADER;
       }

       if (mFooterViews != null && mFooterViews.size() > 0) {
           if (realPosition >= mData.size()) {
               return TYPE_FOOTER;
           }
       }

       return TYPE_ITEM;
   }

   public void setShowFooter(boolean showFooter) {
       isShowFooter = showFooter;
   }

   public boolean isShowFooter() {
       return isShowFooter;
   }

   private class ItemViewHolder extends RecyclerView.ViewHolder {
       ......
       private View itemView;

       ItemViewHolder(View itemView) {
           super(itemView);
           this.itemView = itemView;
           ......
       }
   }

   private class FooterViewHolder extends RecyclerView.ViewHolder {
       FooterViewHolder(View itemView) {
           super(itemView);
       }
   }

   private class HeaderViewHolder extends RecyclerView.ViewHolder {
       HeaderViewHolder(View itemView) {
           super(itemView);
       }
   }

   // 暂时只支持HeaderView为1
   public void setHeaderView(View headView) {
       if (mHeaderViews == null) {
           mHeaderViews = new ArrayList<>();
       }
       mHeaderViews.clear();
       mHeaderViews.add(headView);
   }

   public void setFooterView(View footerView) {
       if (mFooterViews == null) {
           mFooterViews = new ArrayList<>();
       }
       mFooterViews.clear();
       mFooterViews.add(footerView);
   }

   public int getCount() {
       return mData.size();
   }

   public interface OnItemClickListener{
       void onItemClick(int position);
   }
}