仿京东金融主页联动效果

前言

今天看到鸿洋大神公共号里有一片“仿京东金融主页效果RecyclerView联动效果"文章。链接是https://mp.weixin.qq.com/s/7f-QMWQMg-V77j14VuaVhg。效果图见下面。周未无事就拿过来看了看，对于小白来说代码有点小多，看了会就不想看，偶发想可以用另一个更加简单的方式实现，于是有了这片文章。

参考作者：https://www.jianshu.com/p/539211b11e94

1概述

项目需要实现类似京东金融首页联动滑动的效果，图如下

第一个想到的实现方式是上面使用horizontalScrollview，下面使用Viewpager，经过尝试之后发现二者API有限，不能达到理想效果。几经折腾，最后上下都使用了自定义的RecyclerView。效果图如下

现在来分析技术点，首先是上下联动，思路是在Recycleview的onScrolled回调方法中操作另一个Recycleview的滑动。

由于自己比较懒上述引用作者和图片和片言。

由于自己比较懒上述引用作者图。

重点来了：

直接用两个ViewPager可实现上述效果，只需监听中互调对方即可！！

由于自己比较懒上述引用作者图。

@Override
public void onPageSelected(int position) {
    vpHead.setCurrentItem(position);
}

最后上调下效果不是很理想，由于时间后续将加入ViewPager嵌套。就是京东金融中间自循环的ViewPager.

githut链接：https://github.com/mars4220/FJDQRliandong