Recycleview的联动效果

下面我们将实现一个Recycleview的联动效果，即一个Recycleview滑动，另一个Recycleview也跟着滑动，最初想的是监听其中的一个Recycleview滑动，调用另一个Recycleview的scrollBy方法，其实跟随滑动，尝试了一下，一个监听另一个没什么问题，但是当另一个监听另一个时候就发生了问题，两个相互监听，导致陷入了一个死循环，最终内存溢出。看了这个办法是行不通，需要滑动一个的时候释放掉另一个监听，这样最终实现了，效果图如下：

一、布局文件及其初始化

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.linkage.linkage.MainActivity">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:gravity="center"
            android:text="一个联动的Recycleview"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycleview_top"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

        <!--华丽的分割线-->
        <View
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:layout_marginBottom="20dp"
            android:layout_marginTop="20dp"
            android:background="#dddddd"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycleview_bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </LinearLayout>

两个横滑的Recycleview分别为recycleview_bottom/recycleview_bottom，中间是分割线将其分开。然后再设置Adapter，为了方便起见两个共用一个Adapter。

    MyAdapter myAdapter = new MyAdapter(this, list);
    mRecyclerViewTop.setAdapter(myAdapter);
    mRecyclerViewBottom.setAdapter(myAdapter);

二、TopRecycleview滚动监听事件处理

1、top滑动时候bottomRecycleview联动

    RecyclerView.OnScrollListener topRecycleviewListener = new MyOnScrollListener() {
		@Override
		public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
			super.onScrolled(recyclerView, dx, dy);
			mRecyclerViewBottom.scrollBy(dx, dy);
		}
    };

2、设置topRecycleview滚动监听

    mRecyclerViewTop.addOnItemTouchListener(new RecyclerView.OnItemTouchListener() {
        private int mLastX;

        @Override
        public boolean onInterceptTouchEvent(RecyclerView recyclerView, MotionEvent e) {
            if (recyclerView.getScrollState() == RecyclerView.SCROLL_STATE_IDLE) {
                //当前子类没有滑动，则交由onTouchEvent处理
                onTouchEvent(recyclerView, e);
            }
            return false;
        }

        //监听topRecycleview滑动
        @Override
        public void onTouchEvent(RecyclerView recyclerView, MotionEvent e) {
            //添加子类View的监听，防止出现多指触控
            // 若是手指按下的动作，且另一个列表处于空闲状态，记录当前另一个列表的x坐标并对当前列表设置滚动监听
            if (e.getAction() == MotionEvent.ACTION_DOWN && mRecyclerViewBottom.getScrollState() == RecyclerView.SCROLL_STATE_IDLE) {
                mLastX = recyclerView.getScrollX();
                //让child进行滚动
                recyclerView.addOnScrollListener(topRecycleviewListener);
            } else {
                //否则移除监听
                if (e.getAction() == MotionEvent.ACTION_UP && recyclerView.getScrollX() == mLastX) {
                    recyclerView.removeOnScrollListener(topRecycleviewListener);
                }
            }
        }

        @Override
        public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {

        }
    });

三、BottomRecycleview滚动监听事件处理

1、bottom滑动时候topRecycleview联动

    RecyclerView.OnScrollListener childRecycleviewListener = new MyOnScrollListener() {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            mRecyclerViewTop.scrollBy(dx, dy);
        }
    };

2、设置bottomRecycleview滚动监听

    mRecyclerViewBottom.addOnItemTouchListener(new RecyclerView.OnItemTouchListener() {
        private int mLastX;

        @Override
        public boolean onInterceptTouchEvent(RecyclerView recyclerView, MotionEvent e) {
            if (recyclerView.getScrollState() == RecyclerView.SCROLL_STATE_IDLE) {
                //当前子类没有滑动，则交由onTouchEvent处理
                onTouchEvent(recyclerView, e);
            }
            return false;
        }

        @Override
        public void onTouchEvent(RecyclerView recyclerView, MotionEvent e) {

            //添加子类View的监听，防止出现多指触控
            // 若是手指按下的动作，且另一个列表处于空闲状态，记录当前另一个列表的x坐标并对当前列表设置滚动监听
            if (e.getAction() == MotionEvent.ACTION_DOWN && mRecyclerViewTop.getScrollState() == RecyclerView.SCROLL_STATE_IDLE) {
                mLastX = recyclerView.getScrollX();
                //让top进行滚动
                recyclerView.addOnScrollListener(childRecycleviewListener);
            } else {
                // 若当前列表原地抬起手指时，移除当前列表的滚动监听
                if (e.getAction() == MotionEvent.ACTION_UP && recyclerView.getScrollX() == mLastX) {
                    recyclerView.removeOnScrollListener(childRecycleviewListener);
                }
            }
        }

        @Override
        public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {

        }
    });

这样就实现了这个双Recycleview的联动效果。

源码地址：https://download.youkuaiyun.com/download/yoonerloop/10737647