Recycleview的联动效果

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yoonerloop/article/details/83279546

下面我们将实现一个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.csdn.net/download/yoonerloop/10737647

猜你喜欢

转载自blog.csdn.net/yoonerloop/article/details/83279546
今日推荐