两个recycleview列表左右联动实现

概述:

在之前的项目中曾经做过电商分类页面左右两个列表联动的实现,当时的做法是左侧列表使用RecycleView,右侧列表使用的是ScrollView,通过onOverScrolled方法来检测右侧列表是否已经到达了顶部继续下拉还是已经到达了底部继续上滑。这种方式肃然也实现了左右两个列表联动的需求,但是体验上还是有继续优化的空间,之后做了一版优化,左右两个列表都是用recycleview来实现。

实现思路:

左右两个recycleview列表,左侧是简单列表,右侧是复杂布局列表,示例如下图:
在这里插入图片描述

  1. 如果每次有次的列表内容长度都能够超过父view的高度,则这种情况很简单,可以单纯依据canScrollVertically接口与onScrolled接口中返回的dy即可确定当前是已经到达顶部在继续下拉,还是已经到达了底部在继续上滑。
  2. 如果右侧列表内容长度不能超过父view的高度,则第一点的方法就会失效,无法区分以上描述的两种情况。
    这里针对这个问题需要额外的添加一个自定义view来确定手指的滑动方向。
public class TouchCheckView extends RelativeLayout {

    private float originY,currentY;

    public TouchCheckView(Context context) {
        this(context, null);
    }

    public TouchCheckView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                originY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                currentY = ev.getY();
                break;
            case MotionEvent.AC
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值