RecycleView实现MVP框架下的双列表联动与悬停

本文介绍了如何在MVP框架下实现RecyclerView的双列表联动与悬停效果。首先概述了实现的功能,包括省份点击背景变化、城市联动等。接着详细解析了实现思路,如设置两个RecyclerView,计算滑动距离来实现联动,并处理滑动过程中的问题。此外,还分享了在开发过程中遇到的挑战和解决方案,最后提供了项目的GitHub链接。
摘要由CSDN通过智能技术生成

前言

最近看了别人的一篇blog,也是实现recycleview的双列表联动,同时应用了MVP框架。于是就模仿写了一个类似的双列表联动与悬停。在MVP方面,我仿照的是官方的todo-mvp,感觉写得有点不伦不类了,这里就不详述,另外在实现需求方面,和那个大神相比,也做了许多改变,当然有些具体的难点我没想到,参照了他的思路,然后实现出来了。在开发中,也尝试了其他的方法:
1.在点击左边省份时,若右边的省份在下面不可见区域,会出现bug,后面会详述。
2.滑动右边城市区域是,想和左边的省份联动,当时也用了其他方法,但是失败了,后面也会具体讲到。
最后想说一点:看别人的代码要有耐心,刚开始看的时候也是一脸懵逼,后面静下心来慢慢看,看到后面就觉得很简单了。多看,多写,多尝试,多思考。

实现的功能

先直接上一个效果图:

这里写图片描述

然后再来分析实现的功能:
1.点击左边省份,省份背景改变,右边顶部显示省份悬停,下面显示省份的城市;
2.滑动右边的城市,顶部省份悬停,左边随着省份的改变而改变;
3.所有控件可点击;
4.仿官方mvpdemo的mvp框架;
5.snackbar的使用;
6.recycleview的花式使用。

下面在来分析下实现的思路:

思路

之前就说了思路是非常重要的,下面来详细说说如果有一个这种需求,改从何下手:
先看效果分析大概:
1:可以把左边和右边的布局各设置为一个Recycleview;
2:点击左边省份,右边需要跟着滑动,是不是可以计算需要滑动的距离,然后通过recycleview的方法进行指定滑动呢。只是一种猜想,实际比这复杂一点;
3:滑动右边的城市,然后左边省份需要跟着滑动,更改背景颜色,试想下,通过判断滑动的position,然后计算滑动到了哪个省份,进行改变呢。

接下来我再来详细说下实现的过程:

1.通过RecycleView加载左边的省份,省份是在一个String-array下定义的,然后获取资源,通过适配器加载出来;
2.通过RecycleView加载右边的数据,这个时候要注意了,因为左边数据和右边数据是对应的,所以我们通过遍历String-array下的省份,然后往不同的省份注入不同的城市,从效果可以看出来,我们右边不只是简单的布局,可以看出来上面有一个title(省份),下面是显示content(城市),我们通过在设置城市数据时候给一个isTitle来区分省份和城市,后面布局也通过isTitle来区分,我们可以看出右边省份是一行只有一个数据,而城市有三个数据。然后通过不同的布局显示出来。到这里,我们的将数据显示出来了。
3.点击省份,背景颜色改变,就是讲点击的item设置成你想要的颜色,没有点击的就是其他颜色了,通过position判断,右边的城市需要滑动,主要通过计算滑动的position。比较麻烦,后面具体讲。
4.滑动右边的数据,前面我们在加载城市数据的时候,我们将城市和省份通过一个tag进行了绑定,当我们滑动的时候,获取这个tag(position),让他与左边的position比较,不相同的话,就把tag赋值给position,有了这个position,我们就可以更改背景颜色了;
5.由于滑动的时候会出现bug,我们将左边选中的省份一直显示在屏幕中间。通过recycleView设置下就可以。
6.所有都可点击,recycleView的点击事件属于RecycleView的基础,不清楚的可以看我的一个demo:

https://github.com/Simon986793021/RecycleView

实现过程

实现过程也按照思路来

1.加载左边城市的数据:

通过RecycleView加载左边的省份,省份是在一个String-array下定义的,然后获取资源,通过适配器加载出来;

  String [] province=getResources().getStringArray(R.array.province);//获取省份
        final List<String> list= Arrays.asList(province);
        /*
        适配数据和设置监听事件
         */
        adapter=new ProvinceRvAdapter(this, list, new ItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                Utils.showSnackBar(recycleview,list.get(position));
                mposition=position;
                startMove(position,true);
                Log.i(">>>>>>","position:"+position);
                moveToCenter(position);
            }
        });
        recycleview.setAdapter(adapter);

2.加载右边城市数据:

通过RecycleView加载右边的数据,这个时候要注意了,因为左边数据和右边数据是对应的,所以我们通过遍历String-array下的省份,然后往不同的省份注入不同的城市,从效果可以看出来,我们右边不只是简单的布局,可以看出来上面有一个title(省份),下面是显示content(城市),我们通过在设置城市数据时候给一个isTitle来区分省份和城市,后面布局也通过isT

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
实现左右联动的方式有很多种,其中一种常用的方法是利用 `RecyclerView` 的滑动监听来实现。 首先,需要在布局文件中定义两个 `RecyclerView`,分别表示左侧和右侧的列表,如下所示: ```xml <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/left_rv" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"/> <androidx.recyclerview.widget.RecyclerView android:id="@+id/right_rv" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"/> </LinearLayout> ``` 接下来,在代码中分别获取这两个 `RecyclerView`,并设置它们的布局管理器和适配器。 ```java RecyclerView leftRv = findViewById(R.id.left_rv); RecyclerView rightRv = findViewById(R.id.right_rv); // 设置布局管理器 leftRv.setLayoutManager(new LinearLayoutManager(this)); rightRv.setLayoutManager(new LinearLayoutManager(this)); // 设置适配器 leftRv.setAdapter(leftAdapter); rightRv.setAdapter(rightAdapter); ``` 接着,在左侧列表的滑动监听中获取当前可见的第一个 item,然后将右侧列表滚动到对应的位置。具体实现如下: ```java leftRv.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); int firstVisibleItemPosition = ((LinearLayoutManager) leftRv.getLayoutManager()).findFirstVisibleItemPosition(); rightRv.scrollToPosition(firstVisibleItemPosition); } }); ``` 这样,当左侧列表滑动时,右侧列表也会跟着滑动,实现了左右联动效果。需要注意的是,这种实现方式只适用于两个列表的 item 数量相同的情况,如果两个列表的 item 数量不同,则需要进行一些额外的处理。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AnjoyZhang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值