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;
    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

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