京东金融首页效果

2019-03-28  本文已影响0人  sinbara

之前看过金融首页页面效果觉得很有意思,发现淘宝 京东商城app也有类似效果,就想自己实现一下

进入正题

之前做法是让TabViewPager处理外面的recyclerview滑动和里面的recyclerview滑动,这样做法势必很难控制外面recyclerview的滑动速率,所有老版本当手指抬起的时候外面recyclerview滑动总是有点不自然,所有我决定让外面的recyclerview滑动自己处理,里面的recyclerview滑动通过TabViewPager来处理,这样需要重写外面的recyclerview事件处理 同时将TabViewPager的事件处理去掉,需要解决以下三点

1.在recyclerview拿到TabViewPager实例

2.事件只拦截滑动

3.滑动到零界点的处理

第一步因为TabViewPager只会在recyclerview的最后一个子view 所以可以用以下方式拿到

第二步当垂直方向移动大于一定值时,在onInterceptTouchEevet中返回true

第三步当外面recyclerview不能继续滑动时,里面的recyclerview需要开始滑动,这里我们需要处理一下将move事件转换成down事件

第四步往下快速滑动时,里面recyclerview滑动到顶部时,这时候外面recyclerview也需要滑动一定距离

当里面的recyclerview滑动到顶部这个方法会执行

所有搞完就大功告成,觉得写得还可以的话,不妨动动手帮我点个赞!

附上demo地址:DoubleRecyclerView 改进版

可以下载apk文件体验一下demo

上一篇下一篇

猜你喜欢

热点阅读