UI效果仿写Android高级UI

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

2020-07-20  本文已影响0人  恒泪

仿淘宝、京东首页,通过两层嵌套的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

其他详情请看源码

上一篇下一篇

猜你喜欢

热点阅读