Skip to content
NestedRecyclerView,仿淘宝、京东首页,通过两层嵌套的RecyclerView实现tab的吸顶效果。https://juejin.im/post/5d5f4cfcf265da03e61b18b8
Kotlin Java
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.settings
app fix:解决一键置顶出现卡顿的问题 Jan 3, 2020
gif
gradle/wrapper
.gitignore
README.md
build.gradle
gradle.properties
gradlew
gradlew.bat
settings.gradle

README.md

NestedRecyclerView

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

项目gif展示:

大致实现方式

  • 外部RecyclerView为ParentRecyclerView,将需要吸顶的悬浮效果的TabLayout和ViewPager作为ParentRecyclerView的一个item。
  • 内部RecyclerView为ChildRecyclerView,ParentRecyclerView和ChildRecyclerView相互协调:
    • 当ParentRecyclerView滚动到底部的时候,让ChildRecyclerView去滚动
    • 当ChildRecyclerView滚动到顶部的时候,让ParentRecyclerView去滚动
    • fling效果与滑动类似
  • 具体实现可看项目代码

关于

博客:https://blog.csdn.net/H_Gao

邮箱:532294580@qq.com

License

Copyright 2018 JasonGaoH

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions

You can’t perform that action at this time.