TabLayout与RecyclerView的联动（没有ViewPager的事儿）

一直以来TabLayout都是配合着ViewPager一起使用，最近遇到一个需求是，TabLayout的tab要随着RecyclerView的item滚动而切换（与ViewPager没有一点关系），比较直观的例子就是支付宝首页---点击“更多”之后的页面的效果。
下面先来看一下最后成品的效果：

成品效果

实现起来也比较简单，关键看对TabLayout的熟悉程度了。
1，先来看看布局，十分简单的垂直布局，tabLayout在上，Recyclerview在下：

tab_layout.xml

2，首先初始化TabLayout，注意，因为tab的数量较多，一屏肯定显示不下，要让tab可以左右滑动的话，记得要设置mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

初始化TabLayout

3，初始化Recyclerview就比较简单了，自己随意写了个List，里面放了10条数据（跟tab的数量一致），代码略去不写。

4，然后要实现滑动Recyclerview的时候，当每个item显示在屏幕最上方的时候，TabLayout切换到相应tab上去，代码如下：

监听onScrollChange listener

就这一句话就实现了，其中
①mManager是 LinearLayoutManager对象，
②setScrollPosition的第一个参数， findFirstVisibleItemPosition()是在Recyclerview中，最上面一个item的position，注意，哪怕这个item没有显示全，也是会返回这个item的position的。跟这个方法相关的还有另外三个方法： findFirstCompletelyVisibleItemPosition(), findLastVisibleItemPosition(), findLastCompletelyVisibleItemPosition()，下面用一张图解释一下这四个方法返回的值：

例子图片

返回的item position分别为：

• findFirstVisibleItemPosition()：14
• findFirstCompletelyVisibleItemPosition()：15
• findLastVisibleItemPosition()：33
• findLastCompletelyVisibleItemPosition()：32
  ③，setScrollPosition的第二个参数，范围是[0, 1)，意思是indicator的偏移量，0就是在当前tab底下，1就是在右边那个tab底下了，0.5就是在两个tab中间。你们可以试试效果
  ④setScrollPosition第三个参数，我没深究，看上去是显示选中tab文字效果的，有兴趣可以看看。

***另外，tabLayout.setScrollPosition()方法是没有动画效果的，tab切换是跳变。想要smooth滑动效果的话，可以用smooth相关方法，不过我试了，会卡顿的，效果不理想。

5，然后就是实现点击tab的时候，Recyclerview能够自动滑动到相应item位置的效果了：

tabLayout监听

添加tabSelect的监听，点击某一个tab的时候，会回调onTabSelected()方法，position就是tab.getPosition()了。
用 scrollToPositionWithOffset(position, offset)可以定位到该位置的item，并且offset设为0的话，item就会显示在屏幕最上方。

6，最后，通过上面的效果图可以看到，当list滑动到最下方的时候，最下面是有一大片留白的，因为只有这样，最后面的几个tab才有机会能够在滑动list的切换到，实现也比较简单，就是给Recyclerview加了个footer，而footer的高度，是Recyclerview的高度 减去 一个item的高度（最后得留一个item显示在屏幕上，全滚上去不像话。。。【手动笑脸】）

Adapter的部分代码

好了，以上就是实现这个功能的方法了，想要全部代码可以去https://github.com/gaoyangcr7/RecyclerViewTabLayout下载

欢迎关注