RecyclerView分组显示可实现粘性头部，并且在滑动过程中头部字体颜色产生渐变

废话不多说，先上图，左边图是一个RecyclerView就可实现，右边图是RecyclerView（LinearLayouManager）嵌套RecyclerView（GridLayouManager）来实现

          

刚开始我是先实现的粘性头部，但是我看到微信（IOS）的联系人列表在滑动的过程中头部的字体颜色会产生渐变，然后就也想实现这种效果（主要近段时间没啥任务，闲），经过一番努力之后，终于ojbk,出来了我想要的效果。

下面说说我实现的流程

一、绘制头部

这个头部其实就是我们经常给RecyclerView设置的分割线ItemDecoration,然后在绘制分割线的时,我们需要判断当前条目是否为分组内的第一条，如果是则需绘制头部（包括绘制背景和绘制字体），如果不是，则绘制一条普通的线即可。

1.实现分组

既然是分组显示，就需要对数据源进行改造，以第一副图为例，就是一个线性布局，只不过根据时间进行了分组，如果网络请求回来得数据源为List<Bean>，通过改造之后变为List<List<Bean>>,之所以要改成这种格式，是因为我需要定位每组的 头部 以及 尾部 ，这样我就知道哪一条需要绘制头部，并且在每组内最后一条（尾部）即将滑出去的时候不断改变头部的top值实现一种被下一个头部顶出去的效果。当适配器设置数据源的时候，还是以List<Bean>的方式去设置。

List<String> strList = new ArrayList<>();//给适配器要设置的数据源
List<GroupInfo> groupList = new ArrayList<>();//与strList长度相等，用于判断当前条目是否为头部/尾部
List<List<String>> mDatas = new ArrayList<>();//改造后的数据源

/*mData为我改造后的数据源，里面已有数据
* 通过双层for循环，就可以设置每组的头部以及尾部
* 用List<GroupInfo> groupList来接收并且得到适配器的数据源
*/
for (int i = 0; i < mDatas.size(); i++) {
            List<String> list = mDatas.get(i);
            for (int j = 0; j < list.size(); j++) {
                GroupInfo groupInfo = new GroupInfo(i, "第" + (i) + "组");
                if (j == 0) {
                    groupInfo.setHeader(true);
                } else {
                    groupInfo.setHeader(false);
                }
                if (j == list.size() - 1) {
                    groupInfo.setFooter(true);
                } else {
                    groupInfo.setFooter(false);
                }
                groupList.add(groupInfo);
                strList.add(mDatas.get(i).get(j));
            }
}

GroupInfo.java代码

public class GroupInfo {

    private String title;
    private boolean isHeader = false;
    private boolean isFooter = false;

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public boolean isHeader() {
        return isHeader;
    }

    public void setHeader(boolean header) {
        isHeader = header;
    }

    public boolean isFooter() {
        return isFooter;
    }

    public void setFooter(boolean footer) {
        isFooter = footer;
    }

}

2.实现自定义的ItemDecoration

继承RecyclerView的ItemDecoration,重写里面的 getItemOffsets()和onDrawOver()方法，onDraw和onDrawOver的区别在于前者

onDraw在绘制ItemView之前绘制，onDrawOver会在绘制ItemView之后绘制。
 

private GroupInfoCallBack groupInfoCallBack;

public interface GroupInfoCallBack {
     GroupInfo getGroupInfo(int position);
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
//通过view得到在适配器中的索引，再通过接口得到该索引所对应的GroupInfo,
//就可以判断当前条目是否为组内的头部/尾部，然后设置指定条目的偏移亮，就是给条目一定的装饰空间
        int position = parent.getChildAdapterPosition(view);
        if (groupInfoCallBack != null) {
            GroupInfo groupInfo = groupInfoCallBack.getGroupInfo(position);
            if (groupInfo != null && groupInfo.isHeader()) {
                outRect.top = headHeight;
            } else {
                outRect.top = divideHeight;
            }
        }
}


@Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDrawOver(c, parent, state);
        //parent为RecyclerView可视区域的