解决ScrollView嵌套RecyclerView的显示及滑动问题

项目中时常需要实现在ScrollView中嵌入一个或多个RecyclerView。这一做法通常会导致如下几个问题

  • 页面滑动卡顿
  • ScrollView高度显示不正常
  • RecyclerView内容显示不全

本文将利用多种方式分别解决上述问题

滑动卡顿解决方案

若只存在滑动卡顿这一问题,可以采用如下两种简单方式快速解决

利用RecyclerView内部方法
recyclerView.setHasFixedSize(true);
recyclerView.setNestedScrollingEnabled(false);

其中,setHasFixedSize(true)方法使得RecyclerView能够固定自身size不受adapter变化的影响;而setNestedScrollingeEnabled(false)方法则是进一步调用了RecyclerView内部NestedScrollingChildHelper对象的setNestedScrollingeEnabled(false)方法,如下

public void setNestedScrollingEnabled(boolean enabled) {
    getScrollingChildHelper().setNestedScrollingEnabled(enabled);
}

进而,NestedScrollingChildHelper对象通过该方法关闭RecyclerView的嵌套滑动特性,如下

public void setNestedScrollingEnabled(boolean enabled) {
    if (mIsNestedScrollingEnabled) {
        ViewCompat.stopNestedScroll(mView);
    }
    mIsNestedScrollingEnabled = enabled;
}

如此一来,限制了RecyclerView自身的滑动,整个页面滑动仅依靠ScrollView实现,即可解决滑动卡顿的问题

重写LayoutManager
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this) {
    @Override
    public boolean canScrollVertically() {
        return false;
    }
};

这一方式使得RecyclerView的垂直滑动始终返回false,其目的同样是为了限制自身的滑动

综合解决方案

若是需要综合解决上述三个问题,则可以采用如下几种方式

插入LinearLayout/RelativeLayout

在原有布局中插入一层LinearLayout/RelativeLayout,形成如下布局

图片描述

重写LayoutManager

该方法的核心思想在于通过重写LayoutManager中的onMeasure()方法,即

@Override
public void onMeasure(RecyclerView.Recycler recycler, RecyclerView.State state, int widthSpec, int heightSpec) {
    super.onMeasure(recycler, state, widthSpec, heightSpec);
}

重新实现RecyclerView高度的计算,使得其能够在ScrollView中表现出正确的高度,具体重写方式可参考这篇文章

http://www.cnblogs.com/tianzh...

重写ScrollView

该方法的核心思想在于通过重写ScrollView的onInterceptTouchEvent(MotionEvent ev)方法,拦截滑动事件,使得滑动事件能够直接传递给RecyclerView,具体重写方式可参考如下

/**
 * Created by YH on 2017/10/10.
 */
 
public class RecyclerScrollView extends ScrollView {
    private int slop;
    private int touch;
 
    public RecyclerScrollView(Context context) {
        super(context);
        setSlop(context);
    }
 
    public RecyclerScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setSlop(context);
    }
 
    public RecyclerScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setSlop(context);
    }
 
    /**
     * 是否intercept当前的触摸事件
     * @param ev 触摸事件
     * @return true:调用onMotionEvent()方法,并完成滑动操作
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                //  保存当前touch的纵坐标值
                touch = (int) ev.getRawY();
                break;
            case MotionEvent.ACTION_MOVE:
                //  滑动距离大于slop值时,返回true
                if (Math.abs((int) ev.getRawY() - touch) > slop) return true;
                break;
        }
 
        return super.onInterceptTouchEvent(ev);
    }
 
    /**
     * 获取相应context的touch slop值(即在用户滑动之前,能够滑动的以像素为单位的距离)
     * @param context ScrollView对应的context
     */
    private void setSlop(Context context) {
        slop = ViewConfiguration.get(context).getScaledTouchSlop();
    }
}

事实上,尽管我们能够采用多种方式解决ScrollView嵌套RecyclerView所产生的一系列问题,但由于上述解决方式均会使得RecyclerView在页面加载过程中一次性显示所有内容,因此当RecyclerView下的条目过多时,将会对影响整个应用的运行效率。基于此,在这种情况下我们应当尽量避免采用ScrollView嵌套RecyclerView的布局方式

### 解决方案概述 在 Android 开发中,当 `ScrollView` 嵌套 `RecyclerView` 时,可能会遇到滑动冲突问题。以下是几种常见且有效的解决方案: #### 方法一:自定义 `RecyclerView` 并重写 `onInterceptTouchEvent` 通过创建一个自定义的 `RecyclerView` 类并重写其 `onInterceptTouchEvent` 方法,可以动态决定是否允许父级 `ScrollView` 拦截触摸事件。这种方法的核心在于检测用户的滑动方向,并据此调整触控事件的分派逻辑。 ```java public class CustomRecyclerView extends RecyclerView { private float mLastY; 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) { switch (e.getAction()) { case MotionEvent.ACTION_DOWN: mLastY = e.getRawY(); break; case MotionEvent.ACTION_MOVE: float deltaY = Math.abs(e.getRawY() - mLastY); if (deltaY > 10 && getParent().requestDisallowInterceptTouchEvent(true)) { return true; } break; } return super.onInterceptTouchEvent(e); } } ``` 此方法能够有效解决滑动冲突问题[^1]。 --- #### 方法二:禁用 `RecyclerView` 的嵌套滚动功能 另一种简单而直接的方法是禁用 `RecyclerView` 的嵌套滚动行为。可以通过 XML 属性或者 Java/Kotlin 代码实现这一目标。 XML 配置方式: ```xml <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="wrap_content" android:nestedScrollingEnabled="false"/> ``` Java/Kotlin 实现方式: ```java recyclerView.setNestedScrollingEnabled(false); ``` 这种方式适用于不需要复杂的嵌套滚动场景的情况[^2]。 --- #### 方法三:使用 `NestedScrollView` 替代 `ScrollView` 如果项目需求允许,可以直接将外层的 `ScrollView` 替换为 `NestedScrollView`。这样做的好处是可以自动协调内部子视图(如 `RecyclerView`)之间的滚动行为,从而避免手动干预。 布局文件示例: ```xml <NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 子视图 --> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content"> <!-- 其他组件 --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="wrap_content"/> <!-- 更多组件 --> </LinearLayout> </NestedScrollView> ``` 该方法特别适合于需要更灵活滚动控制的场景[^4]。 --- #### 方法四:修改 `LayoutManager` 行为 对于某些特定的需求,也可以通过覆盖 `LayoutManager` 的 `canScrollVertically()` 方法来完全禁止垂直方向上的滚动。这通常用于固定显示的内容列表。 代码示例: ```java LinearLayoutManager layoutManager = new LinearLayoutManager(this) { @Override public boolean canScrollVertically() { return false; // 禁止垂直滚动 } }; recyclerView.setLayoutManager(layoutManager); ``` 这种方法虽然简单粗暴,但在一些特殊情况下非常实用[^5]。 --- #### 性能注意事项 需要注意的是,在 `ScrollView` 嵌套 `RecyclerView` 的结构下,由于 `RecyclerView` 可能会被迫一次性加载所有的条目,因此可能导致内存占用增加以及性能下降。为了避免这种情况的发生,推荐尽可能简化布局层次或考虑引入头部/脚部布局的设计模式[^3]。 --- ### 结论 综上所述,针对不同的业务需求可以选择合适的策略去应对 `ScrollView` 和 `RecyclerView` 的滑动冲突问题。无论是通过自定义手势拦截机制还是优化整体架构设计,都可以显著改善用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值