ScrollView嵌套HorizontalScrollView时父滚动视图滚动卡顿求助

Fixing Laggy Parent ScrollView When Nested with HorizontalScrollView (Without Losing Elevation) #

Hey there, I’ve dealt with this exact nested scroll frustration before—fixing the parent scroll by disabling hardware acceleration feels like a tradeoff that shouldn’t be necessary. Let’s go through practical solutions that keep both smooth scrolling and your elevation effects intact:

1. Use NestedScrollView (Official Recommended Fix) #

The easiest and most reliable fix is swapping your regular ScrollView with androidx.core.widget.NestedScrollView. It’s built specifically for nested scrolling scenarios, handling touch event distribution way better than the old ScrollView, while preserving hardware acceleration (and thus elevation).

Steps:

• Replace your layout’s <ScrollView> tag with <androidx.core.widget.NestedScrollView>
• Make sure your app has the AndroidX Core dependency in build.gradle (Module level):

  implementation 'androidx.core:core-ktx:1.12.0' // Use the latest compatible version
  

• No extra code needed—this should immediately resolve the parent scroll lag while keeping elevation effects working as expected.

2. Custom ScrollView to Intercept Touch Events #

If you can’t use AndroidX for some reason, create a custom ScrollView that prioritizes vertical scrolling by intercepting touch events only when the user is scrolling vertically. This prevents the HorizontalScrollView from stealing touch events unnecessarily.

Custom ScrollView Code:

public class VerticalPrioritizedScrollView extends ScrollView {
    private float xDistance, yDistance, lastX, lastY;

    public VerticalPrioritizedScrollView(Context context) {
        super(context);
    }

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

    public VerticalPrioritizedScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                xDistance = yDistance = 0f;
                lastX = ev.getX();
                lastY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                final float curX = ev.getX();
                final float curY = ev.getY();
                xDistance += Math.abs(curX - lastX);
                yDistance += Math.abs(curY - lastY);
                lastX = curX;
                lastY = curY;
                // Only allow parent scroll if vertical movement is greater than horizontal
                if (xDistance > yDistance) {
                    return false; // Let child HorizontalScrollView handle horizontal scroll
                }
        }
        return super.onInterceptTouchEvent(ev);
    }
}

Then use this custom view in your layout instead of the default ScrollView:

<com.yourpackage.VerticalPrioritizedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Your content including HorizontalScrollView here -->

</com.yourpackage.VerticalPrioritizedScrollView>

3. Disable Hardware Acceleration Only for the Child View #

Instead of disabling hardware acceleration globally (which kills elevation), apply it only to the HorizontalScrollView. This keeps the parent ScrollView’s hardware acceleration enabled (so elevation works) while fixing the scroll conflict.

Add this attribute to your HorizontalScrollView in the layout:

android:hardwareAccelerated="false"

Note: This might affect the child view’s rendering performance, but it’s a quick workaround if the above solutions don’t fit your use case.

内容的提问来源于stack exchange，提问作者Shariq Ahmed Shah