使用RecyclerView实现带Header和Footer的GridView

GridVIew不能和ListView一样添加Header和Footer相信都给大家带来了不小的麻烦吧。今天我为大家带来了使用RecyclerView实现带Header和Footer的GridView。

1.首先我们来了解一下RecyclerView

RecyclerView是support-v7包中的新组件，是一个强大的滑动组件，它的优点大致有  

1 封装了ViewHolder简化了使用

2 使用LayoutManager管理布局，让开发开发者可以自由的管理直接的布局（官方提供的LinearLayoutManager和GridLayoutManager就可以实现横向和纵向的列表和网格布局，StaggeredGridLayoutManager可以实现瀑布流布局，还可以通过自定义LayoutManager实现自己个性化的布局）

3 使用ItemDecoration管理VIew之间的分割区域，让开发者可以轻易的管理和自定义分隔区域

简单的说，RecyclerView就是ListView和GridView的综合进化版。当然，RecyclerView毕竟是新的控件，还是有不少问题的。例如有很多人都提到过，RecyclerView的使用不当会导致滑动非常的卡顿；Item的高度不一定时，获取滑动的距离将会异常的困难；嵌套在SrcollView中使用的时候，也会比ListView和GridView复杂……

2.现在来说说RecyclerView实现带Header和Footer的GridView的原理

其实说来非常的简单。GridLayoutManager可以通过setSpanSizeLookup来控制Item占据多少列，那我们只要把Header和Footer当作普通的Item，然后让其占据一行中所有的列久行了。

MainActivity的代码：

package recycleview.sgn.com.recyclerview;

import android.graphics.Rect;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private View Header;
    private View Footer;
    private Adapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = (RecyclerView)findViewById(R.id.recyclerView);
        Header = getLayoutInflater().inflate(R.layout.header,null);
        Footer = getLayoutInflater().inflate(R.layout.footer,null);
        //初始化适配器，并传人Header和Footer
        adapter = new Adapter(MainActivity.this,Header,Footer);
        List<String> list = new ArrayList<String >();
        list.add("1");
        list.add("2");
        list.add("3");
        list.add("4");
        list.add("5");
        list.add("6");
        adapter.addAll(list);
        //初始化布局管理器
        final GridLayoutManager lm = new GridLayoutManager(this,2);

        /*
        *设置SpanSizeLookup，它将决定view会横跨多少列。这个方法是为RecyclerView添加Header和Footer的关键。
        *当判断position指向的View为Header或者Footer时候，返回总列数（ lm.getSpanCount()）,即可让其独占一行。
        */
        lm.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                return adapter.isHeader(position) ? lm.getSpanCount() : (adapter.isFooter(position) ? lm.getSpanCount() : 1);
            }
        });
        //设置布局管理器
        recyclerView.setLayoutManager(lm);
        //绘制item间的分割线，
        recyclerView.addItemDecoration(new RecyclerView.ItemDecoration() {
            @Override
            public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
                int postion = ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewAdapterPosition();
                if (adapter.isHeader(postion) || adapter.isFooter(postion)) {
                    outRect.set(0, 0, 0, 20);
                } else {
                    outRect.set(20, 20, 20, 20);
                }
            }
        });

        recyclerView.setAdapter(adapter);


    }

}

Adapter代码：

package recycleview.sgn.com.recyclerview;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import org.w3c.dom.Text;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by liujinhua on 15/9/10.
 */
public class Adapter extends RecyclerView.Adapter<Adapter.VH> {

    private static final int ITEM_VIEW_TYPE_HEADER = 0;
    private static final int ITEM_VIEW_TYPE_ITEM = 1;
    private static final int ITEM_VIEW_TYPE_FOOTER = 2;
    List<String> data;
    View header;
    View footer;
    Context context;

    public Adapter(Context context, View header, View footer) {
        data = new ArrayList<String>();
        this.header = header;
        this.footer = footer;
        this.context = context;
    }

    //返回View的类别
    @Override
    public int getItemViewType(int position) {
        if (isHeader(position)) {
            return ITEM_VIEW_TYPE_HEADER;
        }
        if (isFooter(position)) {
            return ITEM_VIEW_TYPE_FOOTER;
        }
        return ITEM_VIEW_TYPE_ITEM;
    }



    //创建ViewHolder的时候要
    @Override
    public VH onCreateViewHolder(ViewGroup parent, int viewType) {
        switch (viewType) {
            case ITEM_VIEW_TYPE_HEADER:
                return new VH(header);
            case ITEM_VIEW_TYPE_FOOTER:
                return new VH(footer);
            default:
                View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.grid_item, parent, false);
                return new VH(view);
        }
    }

    //绑定数据
    @Override
    public void onBindViewHolder(VH vh, int i) {
        //如果时Header和Footer的时候直接返回，Header和Footer的操作，可以在Activity中进行
        if (isHeader(i) || isFooter(i)) {
            return;
        }

        //绑定数据时要注意，因为多出Header在前，所以需要－1
        ((TextView) vh.itemView).setText(data.get(i - 1));
    }


    //获取Item的数量，因为添加了Header和Footer，View的数量应该加2
    @Override
    public int getItemCount() {
        return data.size()  + 2;
    }

    public void addAll(List<String> data) {
        this.data.addAll(data);
        notifyDataSetChanged();

    }

    public class VH extends RecyclerView.ViewHolder {

        public VH(View itemView) {
            super(itemView);
        }

    }

    public boolean isHeader(int position) {
        return position == 0;
    }

    public boolean isFooter(int position) {
        return position == (data.size() + 1);
    }

}

效果图：

这是源代码