仿京东、淘宝首页 通过Tab的吸顶效果(方案二)

仿淘宝、京东首页,通过两层嵌套的RecyclerView实现tab的吸顶效果

声明

本项目是根据下方作者的项目进行改进而来的,请先阅读大佬的文章以了解其原理
https://github.com/xmuSistone/PersistentRecyclerView


效果

示例.gif

附上项目地址https://github.com/Ubitar/NestRecyclerView_V2

优点

1、解决了NestRecyclerView_V1中父子RecyclerView交替时交互不流畅的问题
2、不强制使用LinearLayoutManager

对项目做出了如下修改:

1、让NestRecyclerViewNestChildRecyclerViewViewPager等组件解耦
2、使用Kotlin对代码做出了精简,同时改进原文的部分变量名称,更易懂
3、父RecyclerViewAdapter必须实现INestAdapter接口规范
4、NestRecyclerView_V2在使用时需自己设置LayoutManager

常见问题

1、怎么控制子RecyclerView是否滚动到了底部
         yourAdapter.setOnChildScrollEndListener { recyclerView, newState ->
            ToastUtils.showShort("滚动子RY到底部了")
            //这里可以加载更多数据
        }

可以参考demo中的adaptercreateChildRecyclerView的写法判断是否滚动到底部

2、实现起来好复杂

是有点复杂,双RecyclerView贵在可以循环利用视图,如果你的想要实现的业务功能不是很大,或许你可以考虑下这个大佬的库https://www.jianshu.com/p/0783b0a37fa1

其他详情请看源码

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