ScrollView 触摸处理中的 HorizontalScrollView

更新：我想通了。在我的 ScrollView 上，我需要重写 onInterceptTouchEvent 方法以仅在 Y 运动大于 X 运动时拦截触摸事件。似乎 ScrollView 的默认行为是在有任何 Y 运动时拦截触摸事件。因此，通过修复，如果用户故意在 Y 方向滚动并且在这种情况下将 ACTION_CANCEL 传递给孩子，则 ScrollView 只会拦截事件。

这是包含 HorizontalScrollView 的 Scroll View 类的代码：

public class CustomScrollView extends ScrollView {
    private GestureDetector mGestureDetector;

    public CustomScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mGestureDetector = new GestureDetector(context, new YScrollDetector());
        setFadingEdgeLength(0);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return super.onInterceptTouchEvent(ev) && mGestureDetector.onTouchEvent(ev);
    }

    // Return false if we're scrolling in the x direction  
    class YScrollDetector extends SimpleOnGestureListener {
        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {             
            return Math.abs(distanceY) > Math.abs(distanceX);
        }
    }
}

---

感谢 Joel 为我提供了有关如何解决此问题的线索。

我已经简化了代码（不需要 GestureDetector）来达到同样的效果：

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

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

    @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;
                if(xDistance > yDistance)
                    return false;
        }

        return super.onInterceptTouchEvent(ev);
    }
}

---

我想我找到了一个更简单的解决方案，只有它使用 ViewPager 的子类而不是（其父级）ScrollView。

2013-07-16 更新：我还为 onTouchEvent 添加了覆盖。尽管 YMMV，它可能有助于解决评论中提到的问题。

public class UninterceptableViewPager extends ViewPager {

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

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean ret = super.onInterceptTouchEvent(ev);
        if (ret)
            getParent().requestDisallowInterceptTouchEvent(true);
        return ret;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        boolean ret = super.onTouchEvent(ev);
        if (ret)
            getParent().requestDisallowInterceptTouchEvent(true);
        return ret;
    }
}

这类似于 the technique used in android.widget.Gallery's onScroll()。 Google I/O 2013 演示文稿 Writing Custom Views for Android 进一步解释了这一点。

2013 年 12 月 10 日更新：a post from Kirill Grouchnikov about the (then) Android Market app 中也描述了类似的方法。

---

我发现有时一个 ScrollView 重新获得焦点，而另一个失去焦点。您可以通过仅授予一个 scrollView 焦点来防止这种情况：

    scrollView1= (ScrollView) findViewById(R.id.scrollscroll);
    scrollView1.setAdapter(adapter);
    scrollView1.setOnTouchListener(new View.OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            scrollView1.getParent().requestDisallowInterceptTouchEvent(true);
            return false;
        }
    });

---

这对我来说效果不佳。我改变了它，现在它工作顺利。如果有人感兴趣。

public class ScrollViewForNesting extends ScrollView {
    private final int DIRECTION_VERTICAL = 0;
    private final int DIRECTION_HORIZONTAL = 1;
    private final int DIRECTION_NO_VALUE = -1;

    private final int mTouchSlop;
    private int mGestureDirection;

    private float mDistanceX;
    private float mDistanceY;
    private float mLastX;
    private float mLastY;

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

        final ViewConfiguration configuration = ViewConfiguration.get(context);
        mTouchSlop = configuration.getScaledTouchSlop();
    }

    public ScrollViewForNesting(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

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


    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {      
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDistanceY = mDistanceX = 0f;
                mLastX = ev.getX();
                mLastY = ev.getY();
                mGestureDirection = DIRECTION_NO_VALUE;
                break;
            case MotionEvent.ACTION_MOVE:
                final float curX = ev.getX();
                final float curY = ev.getY();
                mDistanceX += Math.abs(curX - mLastX);
                mDistanceY += Math.abs(curY - mLastY);
                mLastX = curX;
                mLastY = curY;
                break;
        }

        return super.onInterceptTouchEvent(ev) && shouldIntercept();
    }


    private boolean shouldIntercept(){
        if((mDistanceY > mTouchSlop || mDistanceX > mTouchSlop) && mGestureDirection == DIRECTION_NO_VALUE){
            if(Math.abs(mDistanceY) > Math.abs(mDistanceX)){
                mGestureDirection = DIRECTION_VERTICAL;
            }
            else{
                mGestureDirection = DIRECTION_HORIZONTAL;
            }
        }

        if(mGestureDirection == DIRECTION_VERTICAL){
            return true;
        }
        else{
            return false;
        }
    }
}

---

感谢Neevek，他的回答对我有用，但是当用户开始在水平方向滚动水平视图（ViewPager）然后不垂直抬起手指滚动它开始滚动底层容器视图（ScrollView）时，它不会锁定垂直滚动.我通过对 Neevak 的代码稍作改动来修复它：

private float xDistance, yDistance, lastX, lastY;

int lastEvent=-1;

boolean isLastEventIntercepted=false;
@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;

            if(isLastEventIntercepted && lastEvent== MotionEvent.ACTION_MOVE){
                return false;
            }

            if(xDistance > yDistance )
                {

                isLastEventIntercepted=true;
                lastEvent = MotionEvent.ACTION_MOVE;
                return false;
                }


    }

    lastEvent=ev.getAction();

    isLastEventIntercepted=false;
    return super.onInterceptTouchEvent(ev);

}

---

这最终成为支持 v4 库 NestedScrollView 的一部分。因此，我猜大多数情况下不再需要本地黑客。

---

Neevek 的解决方案在运行 3.2 及更高版本的设备上比 Joel 的解决方案效果更好。如果在 scollview 中使用手势检测器，Android 中有一个错误会导致 java.lang.IllegalArgumentException:pointerIndex out of range。要复制该问题，请按照 Joel 的建议实施自定义 scollview，并在其中放置一个视图寻呼机。如果你拖动（不要抬起你的身影）到一个方向（左/右），然后到相反的方向，你会看到崩溃。同样在 Joel 的解决方案中，如果您通过沿对角线移动手指来拖动视图寻呼机，一旦您的手指离开视图寻呼机的内容视图区域，寻呼机将弹回其先前位置。所有这些问题更多地与 Android 的内部设计或缺乏它有关，而不是 Joel 的实现，它本身就是一段聪明而简洁的代码。

http://code.google.com/p/android/issues/detail?id=18990

---

日期：2021 年 - 5 月 12 日

看起来很乱..但相信我，如果您想在垂直滚动视图中水平滚动任何视图黄油光滑，那么值得花时间！

通过制作自定义视图并扩展您想要水平滚动的视图，也可以在 jetpack compose 中工作；在垂直滚动视图中并在可组合的 AndroidView 中使用该自定义视图（现在，“Jetpack Compose 在 1.0.0-beta06 中”

如果您想在水平滚动时不让垂直滚动条拦截您的触摸并且只允许垂直滚动条在您通过水平滚动视图垂直滚动时拦截您的触摸，那么这是最佳的解决方案：

private class HorizontallyScrollingView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null
) : ViewThatYouWannaScrollHorizontally(context, attrs){
    override fun onTouchEvent(event: MotionEvent?): Boolean {

        // When the user's finger touches the webview and starts moving
        if(event?.action == MotionEvent.ACTION_MOVE){
            // get the velocity tracker object
            val mVelocityTracker = VelocityTracker.obtain();

            // connect the velocity tracker object with the event that we are emitting while we are touching the webview
            mVelocityTracker.addMovement(event)

            // compute the velocity in terms of pixels per 1000 millisecond(i.e 1 second)
            mVelocityTracker.computeCurrentVelocity(1000);

            // compute the Absolute Velocity in X axis
            val xVelocityABS = abs(mVelocityTracker.getXVelocity(event?.getPointerId((event?.actionIndex))));

            // compute the Absolute Velocity in Y axis
            val yVelocityABS = abs(mVelocityTracker.getYVelocity(event?.getPointerId((event?.actionIndex))));

            // If the velocity of x axis is greater than y axis then we'll consider that it's a horizontal scroll and tell the parent layout
            // "Hey parent bro! im scrolling horizontally, this has nothing to do with ur scrollview so stop capturing my event and stay the f*** where u are "
            if(xVelocityABS > yVelocityABS){
                //  So, we'll disallow the parent to listen to any touch events until i have moved my fingers off the screen
                parent.requestDisallowInterceptTouchEvent(true)
            }
        } else if (event?.action == MotionEvent.ACTION_CANCEL || event?.action == MotionEvent.ACTION_UP){
            // If the touch event has been cancelled or the finger is off the screen then reset it (i.e let the parent capture the touch events on webview as well)
            parent.requestDisallowInterceptTouchEvent(false)
        }
        return super.onTouchEvent(event)
    }
}

这里，ViewThatYouWannaScrollHorizontally 是您要水平滚动的视图，当您水平滚动时，您不希望垂直滚动条捕捉触摸并认为 “哦！用户正在垂直滚动所以 parent.requestDisallowInterceptTouchEvent(true) 基本上会说垂直滚动条 “嘿你！不要捕获任何触摸，因为用户正在水平滚动”

在用户完成水平滚动并尝试通过放置在垂直滚动条内的水平滚动条垂直滚动之后，它会看到 Y 轴上的触摸速度大于 X 轴，这表明用户没有水平滚动并且水平滚动的东西会说“嘿你！父母，你听到了吗？..用户正在垂直滚动我，现在你可以拦截触摸并在垂直滚动中显示我下方的东西”

---