用这个方式实现有很大的局限性, 粗糙的解释一下, 在recyclerView上套一层和itemView 上一样的head的布局, 再滑动的时候动态设置套在recyclerView上布局即可(见下图)
normalHead.png
标题栏以下就是recyclerView+normalHead 的布局, item的布局的head必须要跟normalHead的布局一模一样,如果不一样则实现不了需求.
详细见底下代码,github地址 https://github.com/zhangshuqi/StickyHeadRecyclerView
rvContent.addOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
// 当recyclerView的滑动改变改变的时候 实时拿到它的高度
headHeight = normalHead.getHeight();
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
// 根据当前的position的下一个拿到view
View itemView = linearLayoutManager.findViewByPosition(mCurrentPosition + 1);
if (itemView != null) {
// 通过itemView 顶部y 坐标 判断是否小于或者等于head的底部y坐标,成立的话,就说明itemViewHead已经和normalHead开始接触了.
// 就开始对NormalHead 进行操作
if (itemView.getTop() <= headHeight) {
// 下面有详细解释
normalHead.setY(-(headHeight - itemView.getTop()));
} else {
normalHead.setY(0);
}
}
//拿到当前第一个显示的item的position
int currentPosition = linearLayoutManager.findFirstVisibleItemPosition();
// 如果不等于的话, 就说明当前mCurrentPosition 的 (上滑)上一个已经隐藏或者是(下滑)下一个已经完全显示了,就要做重新赋值的操作了.
if (mCurrentPosition != currentPosition) {
mCurrentPosition = currentPosition;
normalHead.setY(0);
// 拿到当前item的head值,显示在normalHead上
normalHead.setText(data.get(mCurrentPosition ).text + (mCurrentPosition + 1));
}
}
});
}主要的逻辑代码在于
1, View itemView = linearLayoutManager.findViewByPosition(mCurrentPosition + 1); 拿到当前position的下一个item的view
2 . if (itemView.getTop() <= headHeight) normalHead.setY(-(headHeight - itemView.getTop()));判断下一个的item的top值是不是小于normalHead的高度,
如果成立
则分成两种情况
上滑 : -(headHeight - itemView.getTop())将为负值, normalHead则逐渐隐藏
下滑 : -(headHeight - itemView.getTop())将为正值, normalHead不断的往下移,当前显示的item的head不断被滑下
如果不成立 则 说明 上滑或者下滑的top值已经大于了normalHead的高度了, 则说明不需要移动了,将normalHead固定在顶部
normalHead.setY(0);
3, int currentPosition = linearLayoutManager.findFirstVisibleItemPosition(); 拿到当前显示的第一个position
4 if (mCurrentPosition != currentPosition)
如果不等于的话, 就说明当前mCurrentPosition 的 (上滑)normalHead已经完全隐藏或者是(下滑)itemView的Head已经完全显示了,就要对normalHead重新赋值并且固定在顶部了
这段代码难度不大,但是理解起来还是有点儿复杂,主要代码就是这么一段,实际上就是监听recyclerView的滑动,当normalHead和itemView的head接触的时候,隐藏和显示并且对normalHead的值进行操作, 说白了,就是一个偷梁换柱的过程,有两个相同的head一起盖着呢...
所以说 这个实现过程虽然简单, 就是有其局限性就是normalHead和itemView的head的布局都要一模一样, 不然是实现不了的
希望我的注释能够帮到同学们,如果有些难以理解, 或者我的注释写的不够完善,(我表达不大行....感觉好多东西都是只可意会不可言传.....) 请到我的github上下载看一下(可以把fresco的依赖去掉写个imageView足以实现需求.)
github地址 https://github.com/zhangshuqi/StickyHeadRecyclerView
有疑问或者是建议的同学可以评论讨论一下, 谢谢
