【Android】 banner+tab吸顶+viewpager切换+刷新加载之实现

最新推荐文章于 2024-08-09 07:34:23 发布

he110fun

最新推荐文章于 2024-08-09 07:34:23 发布

阅读量1.3k

点赞数

分类专栏： Android技术

本文链接：https://blog.csdn.net/public_static_final/article/details/88523875

版权

本文记录了在Android项目中实现Banner、Tab吸顶、ViewPager切换以及下拉刷新和上拉加载的过程。使用了SmartRefreshLayout、TabLayout+ViewPager，解决RecyclerView嵌套滑动冲突，采用vLayout实现吸顶效果。遇到的挑战包括ViewPager高度计算、事件冲突等问题，最终通过自定义组件和调整布局解决。

摘要由CSDN通过智能技术生成

功能简图

如图，顶部有轮播图，tab需要吸顶，不同tab对应的条目不同，各tab下的条目存在不同类型，需要支持下拉刷新与上拉加载。天资愚笨，花了一周时间终于实现，特此记录。

项目中刷新加载控件采用SmartRefreshLayout，这次仍然打算采用它，不知道是否冲突。

【tab切换】毫无疑问采用TabLayout+ViewPager实现，难点是【吸顶】，因为自己没有实现过。

google关键词：【android 吸顶+切换】，淘到了这篇简文，算是有一点眉目，感激作者的分享。

run了Demo并整合了SmartRefreshLayout，谢天谢地，没有冲突。

Demo中的一个干货是OuterRecyclerView和InnerRecyclerView两个类。主要解决了RecyclerView嵌套后，纵向滑动的冲突。前者负责是否进行事件拦截，后者负责是否消费事件及将结果通知给前者。这两个类的部分命名表意性不强，注释不足，且引入tab后点击事件不灵敏了，我进行了改进，代码见文末。

Demo中的另一个干货是让我知道了阿里vLayout的存在，承认平时太懒了，作为程序员不关注技术时事及大厂动态的我有点失败。还好，【吸顶】采用vLayout实现了。但也走了一些弯路，参见了示例的我最后发现要在实例化StickyLayoutHelper之后为其设置颜色helper.setBgColor(0xffffffff)才符合产品效果图。

ViewPager的每一个Item都是一个Fragment（with InnerRecyclerView），发现InnerRecyclerView无法滑动导致列表只能展示一部分。以为是SmartRefreshLayout的干扰，以为是OuterRecyclerView和InnerRecyclerView的实现有问题，但最终发现是ViewPager的高度出现了问题。