美文网首页
RecyclerView 列表悬浮滑动头部

RecyclerView 列表悬浮滑动头部

作者: 马路牙子666 | 来源:发表于2018-12-26 15:22 被阅读0次
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;
    }
}

相关文章

网友评论

      本文标题:RecyclerView 列表悬浮滑动头部

      本文链接:https://www.haomeiwen.com/subject/dfmhlqtx.html