Android 自定义 RecyclerView 解决滑动冲突

在 Android 开发中，当我们使用 RecyclerView 时，经常会遇到滑动冲突的问题。尤其是在嵌套滑动的界面中，比如在一个垂直滚动的 RecyclerView 中再嵌套一个水平滚动的 RecyclerView，这时，滑动冲突就会使得用户体验变差。因此，今天我们将学习如何在 Android 中自定义 RecyclerView 来解决滑动冲突。

整体流程

我们将整个过程分为以下几步，通过表格帮助你更好地理解每一步的过程。

步骤描述
1创建自定义 RecyclerView 类
2重写相关的滑动事件方法
3在布局文件中使用自定义的 RecyclerView
4测试滑动效果

步骤详解

1. 创建自定义 RecyclerView 类

首先，我们需要创建一个继承自 RecyclerView 的类，并重写 onTouchEvent 方法以实现滑动冲突的解决。

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import androidx.recyclerview.widget.RecyclerView;

public class CustomRecyclerView extends RecyclerView {
    public CustomRecyclerView(Context context) {
        super(context);
    }

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

    public CustomRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent e) {
        // 这里可以添加自己的滑动逻辑
        return super.onInterceptTouchEvent(e); // 调用父类的方法
    }

    @Override
    public boolean onTouchEvent(MotionEvent e) {
        // 这里可以处理触摸事件
        return super.onTouchEvent(e); // 调用父类的方法
    }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.

代码注释：

  • CustomRecyclerView 是自定义的 RecyclerView 类。
  • onInterceptTouchEvent 方法是用来拦截触摸事件的，可以在这里判断手指的滑动方向。
  • onTouchEvent 方法用来处理触摸事件，通常我们将其传递给父类来处理。
2. 重写相关的滑动事件方法

我们需要精确控制当 RecyclerView 嵌套在其他可滑动组件内部时的滑动行为。这里的关键是根据手势的变化来判断滑动方向并进行相应的处理。

private float startX, startY;
private boolean isScrolling = false;

@Override
public boolean onTouchEvent(MotionEvent e) {
    switch (e.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // 记录触摸位置
            startX = e.getX();
            startY = e.getY();
            isScrolling = false; // 初始化标志位
            break;
        case MotionEvent.ACTION_MOVE:
            float deltaX = e.getX() - startX;
            float deltaY = e.getY() - startY;

            // 判断滑动方向
            if (Math.abs(deltaX) > Math.abs(deltaY)) {
                isScrolling = true; // 横向滑动
                return false; // 让子控件处理事件
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            isScrolling = false; // 放开时重置
            break;
    }

    // 默认行为
    return super.onTouchEvent(e);
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

代码注释：

  • 我们通过 ACTION_DOWN 记录触摸的初始位置。
  • 在 ACTION_MOVE 中，我们计算手指的滑动方向，通过比较 deltaX 和 deltaY 的绝对值来判断是横向滑动还是纵向滑动。
  • 如果是横向滑动，返回 false 让子控件处理事件，从而避免滑动冲突。
3. 在布局文件中使用自定义的 RecyclerView

接下来，我们需要在布局文件中使用自定义的 RecyclerView。

<com.example.customrecyclerview.CustomRecyclerView
    android:id="@+id/customRecyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" />
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

代码注释：

  • 使用自定义的 CustomRecyclerView 直接替换原有的 RecyclerView，并设置相应的布局属性。
4. 测试滑动效果

最后，确保将 CustomRecyclerView 添加到适当的 Activity 或 Fragment 中，并设置 Adapter 以验证滑动效果是否如预期。

CustomRecyclerView recyclerView = findViewById(R.id.customRecyclerView);
recyclerView.setAdapter(new MyAdapter());
  • 1.
  • 2.

代码注释：

  • 找到布局中的自定义 RecyclerView，并设置适配器来加载数据。

关系图

erDiagram
    CUSTOMRECYCLERWEV {
        +String name
        +Integer id
    }
    TOUCH_EVENT {
        +Integer action
        +Float x
        +Float y
    }
    CUSTOMRECYCLERWEV ||--o{ TOUCH_EVENT : handles

饼状图

滑动类型占比 70% 30% 滑动类型占比 纵向滑动 横向滑动

结尾

通过以上的步骤，我们成功地自定义了 RecyclerView，解决了滑动冲突的问题。关键在于如何通过正确的事件处理和逻辑判断，来确保嵌套滑动的流畅性。希望这篇文章对你有帮助，能让你在 Android 开发的道路上更进一步！如果你有更好的方法或者任何问题，请随时交流。