实现两个RecyclerView联动

做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);
                    }
                }
            });
        }
    }

效果图(仿美团效果)

  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
RecyclerView 联动通常用于两个或多个 RecyclerView 之间的数据同步。例如,在一个包含省份列表的 RecyclerView 中,当用户点击某个省份时,需要显示该省份下的城市列表。这就需要实现两个 RecyclerView联动,即点击省份后,刷新城市 RecyclerView 中的数据。 实现 RecyclerView 联动的关键是监听 RecyclerView 的滚动事件和点击事件。以下是一个简单的实现步骤: 1. 在布局文件中,分别定义两个 RecyclerView,一个用于显示省份列表,另一个用于显示城市列表。 2. 创建两个 RecyclerView.Adapter,分别用于绑定省份列表和城市列表的数据。 3. 在 Activity 或 Fragment 中,分别设置两个 RecyclerView 的 LayoutManager 和 Adapter,并对省份 RecyclerView 添加点击事件监听器。 4. 在省份 RecyclerView 的点击事件监听器中,获取点击的省份名称,并刷新城市 RecyclerView 的 Adapter 中的数据集。 5. 监听城市 RecyclerView 的滚动事件,在滚动过程中获取当前可见的第一个 Item,并更新省份 RecyclerView 中的选中状态。 具体实现可以参考以下代码示例: ```java // 定义省份 RecyclerView RecyclerView provinceRecyclerView = findViewById(R.id.province_recycler_view); // 设置 LayoutManager 和 Adapter provinceRecyclerView.setLayoutManager(new LinearLayoutManager(this)); ProvinceAdapter provinceAdapter = new ProvinceAdapter(provinceList); provinceRecyclerView.setAdapter(provinceAdapter); // 添加点击事件监听器 provinceAdapter.setOnItemClickListener(new ProvinceAdapter.OnItemClickListener() { @Override public void onItemClick(View view, int position) { // 获取点击的省份 Province province = provinceList.get(position); // 更新城市 RecyclerView 中的数据集 cityAdapter.setData(province.getCityList()); } }); // 定义城市 RecyclerView RecyclerView cityRecyclerView = findViewById(R.id.city_recycler_view); // 设置 LayoutManager 和 Adapter cityRecyclerView.setLayoutManager(new LinearLayoutManager(this)); cityAdapter = new CityAdapter(cityList); cityRecyclerView.setAdapter(cityAdapter); // 添加滚动事件监听器 cityRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); // 获取当前可见的第一个 Item,并更新省份 RecyclerView 中的选中状态 LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager(); int firstVisibleItemPosition = layoutManager.findFirstVisibleItemPosition(); Province province = cityList.get(firstVisibleItemPosition).getProvince(); provinceAdapter.setSelectedProvince(province); } }); ``` 在上述示例中,省份 RecyclerView 的 Adapter 需要实现 setSelectedProvince 方法,用于更新选中的省份状态。城市 RecyclerView 中的 Adapter 则需要实现 setData 方法,用于更新城市列表数据集。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值