Android 5.X新特性之爲RecyclerView添加HeaderView和FooterView

上一節咱們講到了 Android 5.X新特性之RecyclerView基本解析及無限複用 相信你們也應該熟悉了RecyclerView的基本使用，這一節咱們來學習下，爲RecyclerView添加HeaderView和FooterView。

針對RecyclerView的頭部和底部，官方並無給咱們提供像listView同樣能夠直接經過addHeaderView()/addFooterView()的方法，因此只能靠咱們本身去實現了，那怎麼實現呢？你們都知道RecyclerView已經爲咱們封裝好了Adapter和ViewHolder，在Adapter中咱們須要重寫onCreateViewHolder(ViewGroup parent, int viewType)這個方法方便咱們把ItemView佈局文件或是自定義View傳遞到ViewHolder中，從而達到ItemView的重複使用和回收等。而咱們今天要講的添加頭部和底部和該方法有密不可分的關係。

你們仔細觀察onCreateViewHolder(ViewGroup parent, int viewType)這個方法，在它的參數中，含有一個viewType，它就表明了每個子列表中的ItemView的類型，而該類型咱們又能夠經過Adapter中封裝好的getItemViewType()方法來定義。所以，咱們能夠根據這兩個方法來完成咱們今天的學習。

首先，咱們也須要在BaseRecyclerAdapter中添加一個addHeaderView的方法，用於接受Activity中傳遞過來的HeaderView，而且把HeaderView添加到第0個ItemView中。

private View mHeaderView;
    public void addHeaderView(View headerView){
        mHeaderView = headerView;
        notifyItemInserted(0);
    }

而後，咱們在咱們自定義的BaseRecyclerAdapter中重寫getItemViewType()方法，而且定義兩個靜態變量來區分咱們的viewType的類型，以下：

public final static int TYPE_HEADER = 0;
    public final static int TYPE_BODY = 1;
    @Override
    public int getItemViewType(int position) {
        return super.getItemViewType(position);
    }

ok，如今咱們能夠針對getItemViewType()方法來爲咱們的ItemView設置viewType類型了。咱們知道，getItemViewType()默認返回的是0這個類型，因此咱們重載該方法，在沒有mHeaderView時，咱們讓它返回TYPE_BODY這個類型，而當有mHeaderView，因爲把它添加到第0個ItemView中了，因此咱們能夠根據position等於0的時候讓它返回TYPE_HEADER這個類型。定義好的類型將會在onCreateViewHolder()中使用到。

因此咱們的getItemViewType方法能夠這樣設計：

@Override
    public int getItemViewType(int position) {
        if(mHeaderView == null)
            return TYPE_BODY;
        if(position == 0) {
            return TYPE_HEADER;
        }
        return TYPE_BODY;
    }

到這裏你們已經很明確的知道了每一個ItemView的viewType類型了，那麼咱們就能夠在onCreateViewHolder()方法中根據ItemView的viewType來作出不一樣的判斷了，以下：

@Override
    public BaseViewHolderHelper onCreateViewHolder(ViewGroup parent, int viewType) {
        if(viewType == TYPE_HEADER && mHeaderView != null){
            return new BaseViewHolderHelper(mHeaderView);
        }
        View view = LayoutInflater.from(parent.getContext()).inflate(mLayoutResId, parent, false);
        return new BaseViewHolderHelper(view);
    }

代碼一目瞭然，就是根據viewType判斷是否爲TYPE_HEADER，若是是，則添加不一樣的佈局或View，不然，加載正常的佈局，其餘的不變。

而後，咱們就能夠在onBindViewHolder(BaseViewHolderHelper holder, int position)方法中根據當前的position位置來綁定咱們要顯示數據了。

@Override
    public void onBindViewHolder(BaseViewHolderHelper holder, int position) {
        if(getItemViewType(position) == TYPE_HEADER){
            return;
        }else{
            if(mHeaderView != null){
                position-- ;
            }
            holder.itemView.setTag(position);
            holder.itemView.setOnClickListener(this);
            holder.itemView.setOnLongClickListener(this);
            T itemData = mDatas.get(position);
            displayContents(holder,itemData);
        }
    }

代碼解釋：若是當前position位置的類型是TYPE_HEADER，也就是說用來顯示mHeaderView的，這裏咱們就直接返回mHeaderView的佈局，不作事件處理了；若是不是，而且RecyclerView是有帶mHeaderView頭部的，那麼因爲它佔去第0個itemView，因此咱們的position是從第一個開始計算的，因此咱們必須獲得當前真實position位置，並經過position位置來獲取當前的真實數據，若是不帶mHeaderView頭部，則可直接根據position獲取顯示數據，其餘的邏輯不變。

還有注意的是當mHeaderView不爲空時，咱們的數據量大小也有必定的變化，請看：

@Override
    public int getItemCount() {
        return mHeaderView != null ? mDatas.size() + 1 : mDatas.size();
    }

ok，在RecycerActivity的onCreate方法中添加一下兩句：

View headerView = LayoutInflater.from(this).inflate(R.layout.item_view1, null);
mBaseRecyclerAdapter.addHeaderView(headerView);

來看看運行結果吧

ok，已經完成了mHeaderView 的添加。可是有個小問題，當你把RecyclerView的佈局設置爲GridLayoutManager時，如：mRecyclerView.setLayoutManager(new GridLayoutManager(this,2));就會出現這種狀況：

這種狀況也很好解決，在GridLayoutManager中咱們能夠在SpanSizeLookup中從新設置顯示的列數。

@Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
        if(manager instanceof GridLayoutManager){
            final GridLayoutManager gridLayoutManager = ((GridLayoutManager) manager);
            gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    //是HeaderView則佔全部列，不然只佔本身列
                    return getItemViewType(position) == TYPE_HEADER ? gridLayoutManager.getSpanCount() : 1;
                }
            });
        }
    }

最主要的就是在getSpanSize方法中根據咱們的須要從新設置就ok了。看看吧

好了，mHeaderView 已基本搞定，如今來看看怎麼添加FooterView了，其實原理是同樣的，也是根據getItemViewType()返回的ViewType類型來加載不一樣的佈局了。

首先咱們須要定義一個內部類FooterViewHolder繼承咱們的BaseViewHolderHelper，它主要是用來綁定FooterView佈局文件：

private class FooterViewHolder extends BaseViewHolderHelper{
        private TextView footView;
        public FooterViewHolder(View itemView) {
            super(itemView);
            footView = (TextView) itemView.findViewById(R.id.tv_addFooter);
        }
    }

而後在getItemViewType中獲取到最後的ItemView的位置並返回TYPE_FOOTER類型：

@Override
    private View mFooterView;
    public final static int TYPE_FOOTER = 2;
    ......
    
    public int getItemViewType(int position) {
        if(position + 1 == getItemCount()){
            return TYPE_FOOTER;
        }
        if(mHeaderView == null)
            return TYPE_BODY;
        if(position == 0) {
            return TYPE_HEADER;
        }
        return TYPE_BODY;
    }

另外在getItemCount()方法中咱們由於添加個一個FooterView因此須要在原來的基礎上再加 1 ；

@Override
    public int getItemCount() {
        return mHeaderView != null ? mDatas.size() + 2 : mDatas.size() + 1;
    }

再次在onCreateViewHolder方法中根據類型加載不一樣的佈局文件：

@Override
    public BaseViewHolderHelper onCreateViewHolder(ViewGroup parent, int viewType) {
        ...
        
        if(viewType == TYPE_FOOTER){
            mFooterView = LayoutInflater.from(mContext).inflate(R.layout.custom_footerview, parent,false);
            return new FooterViewHolder(mFooterView);
        }
        View view = LayoutInflater.from(parent.getContext()).inflate(mLayoutResId, parent, false);
        return new BaseViewHolderHelper(view);
    }

最後在onBindViewHolder方法中來展現咱們的數據吧

@Override
    public void onBindViewHolder(BaseViewHolderHelper holder, int position) {
        if(getItemViewType(position) == TYPE_HEADER){
            return;
        }else if(getItemViewType(position) == TYPE_FOOTER){
            FooterViewHolder footViewHolder=(FooterViewHolder)holder;
            footViewHolder.footView.setText("上拉加載更多...");
        } else{
            ...
        }
    }

ok,完成，來看看結果吧

總結下，在給RecyclerView添加HeaderView和FooterView時，只要利用好getItemViewType這個方法，返回相對應的ViewType，而且在onCreateViewHolder方法中根據ViewType類型加載不一樣的佈局就徹底但是實現咱們的需求了。提及來就是這麼簡單。好了，今天就講到這裏吧，祝你們學習愉快。

更多資訊請關注微信平臺，有博客更新會及時通知。愛學習愛技術。