RecyclerView 列表悬浮滑动头部

image.png

RecyclerView 列表悬浮头

内容布局


image.png

头部布局


image.png

悬浮头布局
image.png

RecyclerView 可以实现不同加载布局 , 在头部布局给view 设置tag

ZTScrollListener.stickyView.EXIST_STICKY_VIEW

RecyclerView 设置滑动监听

recyclerView.addOnScrollListener(new ZTScrollListener(listHeader) {
            @Override
            public void onPositionHeaderView(View header, int position) {
                //如果当前第一条是头部, 就返回页面第二条数据下标, 如果当前不是头部就政府返回页面第一条数据下标
                }
            }
        });

/**
 * 作者:zt
 * 时间:on 18/12/24
 * 说明: 列表添加粘性头部 , 头部布局必须小于或者等于内容高度 , 如果是头部布局需要设置tag EXIST_STICKY_VIEW
 */
public abstract class ZTScrollListener extends RecyclerView.OnScrollListener {
    private View header;

    public ZTScrollListener(View header) {
        this.header = header;
    }

    public enum stickyView {
        EXIST_STICKY_VIEW//存在粘性头
    }

    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        View stickyInfoView = recyclerView.getChildAt(1);//获取头部 第二个View
        if (stickyInfoView != null && stickyInfoView.getTag() == stickyView.EXIST_STICKY_VIEW) {//如果存在
            View preView = recyclerView.getChildAt(0);
            if (preView.getTag() == stickyView.EXIST_STICKY_VIEW) {//如果前一条也是 头部, 就正常返回当前
                onPositionHeaderView(header, findFirstVisibleItemPosition(recyclerView));
            } else {
                onPositionHeaderView(header, findFirstVisibleItemPosition(recyclerView) - 1);
            }
            //获取当前最上边如果是头部的布局 距离上边边距
            int top = stickyInfoView.getTop();
            //下一个内容高度
            int infoViewHeight = preView.getMeasuredHeight();
            //头布布局高度
            int headerHeight = header.getMeasuredHeight();
            //计算头部要移动多少
            int deltaY = top - headerHeight;
            //计算 信息内容高度 和 头部高度差
            int gapHeight = (infoViewHeight - headerHeight);
            if (top > 0) {//当Item还未移动出顶部时
                deltaY -= gapHeight;//计算如果内容比 头部高
                //如果 需要滑出边界高度, 比内容和 头部差距小就 不滑动
                if (-deltaY <= gapHeight) {
                    deltaY = 0;
                } else {//
                    deltaY += gapHeight;
                }
                header.setTranslationY(deltaY);
            }
        } else {//这个时候换头布局
            onPositionHeaderView(header, findFirstVisibleItemPosition(recyclerView));
            header.setTranslationY(0);
        }
    }

    /**
     * 根据当前下标给 头布局设置具体内容
     *
     * @param position 如果当前第一条是头部, 就返回页面第二条数据下标, 如果当前不是头部就政府返回页面第一条数据下标
     */
    public abstract void onPositionHeaderView(View header, int position);


    /**
     * 获取当前头部第一个到的 下标
     *
     * @param recyclerView
     * @return
     */
    private int findFirstVisibleItemPosition(RecyclerView recyclerView) {
        int firstItemPosition = 0;
        RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
        //判断是当前layoutManager是否为LinearLayoutManager
        // 只有LinearLayoutManager才有查找第一个和最后一个可见view位置的方法
        if (layoutManager instanceof LinearLayoutManager) {
            LinearLayoutManager linearManager = (LinearLayoutManager) layoutManager;
            //获取最后一个可见view的位置
            firstItemPosition = linearManager.findFirstVisibleItemPosition();
        }
        return firstItemPosition;
    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 内容 抽屉菜单 ListView WebView SwitchButton 按钮 点赞按钮 进度条 TabLayo...
    小狼W阅读 5,482评论 0 10
  • 最近做了一个Android UI相关开源项目库汇总,里面集合了OpenDigg 上的优质的Android开源项目库...
    OpenDigg阅读 17,471评论 6 222
  • 清溪哼曲村中过,古木参天撑碧落。 小院相对情意深,一桥相连妙难说。
    简村小吹阅读 3,759评论 14 14
  • 这是我第99篇原创日记,我是日记星球226号星宝宝。 9月14日 敦煌晴 原计划今日去敦煌古城和敦煌博物馆,一...
    天鸣老师阅读 3,414评论 1 3
  • 昨天突然看到有小姐姐说她刚考了ICA,然后问我们要不要考?看介绍,感觉还挺不错呢~去孔子学院教歪果仁,或者作为公派...
    小小小grow阅读 1,033评论 0 0