美文网首页UI效果仿写Android高级UI
仿京东、淘宝首页 通过Tab的吸顶效果(方案二)

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

作者: 恒泪 | 来源:发表于2020-07-20 14:29 被阅读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

    其他详情请看源码

    相关文章

      网友评论

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

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