实现两个RecyclerView联动

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

做APP项目很多的时候，都会有两个列表联动，商城类项目居多，简单的记录下两个RecyclerView联动效果。

关键代码：

1.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/list"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="@color/bggray"></android.support.v7.widget.RecyclerView>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/list_goods"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/white"></android.support.v7.widget.RecyclerView>
    </LinearLayout>
</RelativeLayout>

2.联动关键代码

   listGoods.addOnScrollListener(new RecyclerView.OnScrollListener() {//商品列表的滚动监听
            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                // 第一个可见位置
                int firstItemPosition = recyclerView.getChildLayoutPosition(recyclerView.getChildAt(0));
                String firstItemPosition_typeId=goodsDatas.get(firstItemPosition).getGoodsTypeId();//第一个可见商品的分类ID
                if(!TextUtils.isEmpty(firstItemPosition_typeId)){
                    for(int i=0;i<typeDatas.size();i++){
                        if(firstItemPosition_typeId.equals(typeDatas.get(i).getTypeId())){
                            for(int k=0;k<typeDatas.size();k++){
                                typeDatas.get(k).setSelect(false);
                            }
                            typeDatas.get(i).setSelect(true);//改变分类选中状态
                            goodsTypeAdapter.notifyDataSetChanged();
                            list.scrollToPosition(i);//分类列表滚动
                            break;
                        }
                    }
                }
            }
        });

  /**
     * 分类点击事件
     * @param adapter
     * @param view
     * @param position
     */
    @Override
    public void onItemChildClick(BaseQuickAdapter adapter, View view, int position) {
        for(int i=0;i<typeDatas.size();i++){
            typeDatas.get(i).setSelect(false);
        }
        typeDatas.get(position).setSelect(true);//分类选中状态
        goodsTypeAdapter.notifyDataSetChanged();

        for(int i=0;i<goodsDatas.size();i++){
            if(typeDatas.get(position).getTypeId().equals(goodsDatas.get(i).getGoodsTypeId())){//分类对应的商品列表
                smoothMoveToPosition(listGoods,i);
                break;
            }
        }

    }
    //目标项是否在最后一个可见项之后
    private boolean mShouldScroll;
    //记录目标项位置
    private int mToPosition;

    /**
     * 使指定的项平滑到顶部
     *
     * @param mRecyclerView
     * @param position      待指定的项
     */
    private void smoothMoveToPosition(final RecyclerView mRecyclerView, final int position) {
        int firstItemPosition = -1;
        int lastItemPosition = -1;

        //todo 获取第一个和最后一个可见位置方式1
        // 第一个可见位置
        firstItemPosition = mRecyclerView.getChildLayoutPosition(mRecyclerView.getChildAt(0));
        // 最后一个可见位置
        lastItemPosition = mRecyclerView.getChildLayoutPosition(mRecyclerView.getChildAt(mRecyclerView.getChildCount() - 1));
        Log.i("firstItemPosition",firstItemPosition+"");
        Log.i("lastItemPosition",lastItemPosition+"");
        if (position < firstItemPosition) {
            // 第一种可能:跳转位置在第一个可见位置之前
            mRecyclerView.smoothScrollToPosition(position);
        } else if (position <= lastItemPosition) {
            // 第二种可能:跳转位置在第一个可见位置之后,在最后一个可见项之前
            int movePosition = position - firstItemPosition;
            if (movePosition >= 0 && movePosition < mRecyclerView.getChildCount()) {
                int top = mRecyclerView.getChildAt(movePosition).getTop();
                mRecyclerView.smoothScrollBy(0, top);//dx>0===>向左  dy>0====>向上
            }
        } else {
            // 第三种可能:跳转位置在最后可见项之后
            mRecyclerView.smoothScrollToPosition(position);
            mToPosition = position;
            mShouldScroll = true;

            //监听事件的设置，仅仅是为了第三种情况，即：要跳转的位置在可见项之后
            mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
                @Override
                public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                    super.onScrollStateChanged(recyclerView, newState);
                    if (mShouldScroll && RecyclerView.SCROLL_STATE_IDLE == newState) {//
                        mShouldScroll = false;
                        smoothMoveToPosition(mRecyclerView, mToPosition);
                    }
                }
            });
        }
    }

效果图（仿美团效果）