android - 拦截 MotionEvents 并阻止父级在 ViewPager 中处理它们

Question

我正在将自定义 subview 放入 ViewPager。我在拦截触摸事件方面没有任何重要经验，所以这对我来说都是全新的。

我在 SO 和其他博客上查看了大量与此相关的问题，但到目前为止，没有一个建议对我有太大帮助。

我的自定义 View 有两个相互重叠的面板。我需要允许用户轻扫最前面的面板而不将这些触摸事件传递给父 ViewPager。

我很难理解这一点，因为我的 View 的 onTouchEvent 似乎总是被调用，尽管在我的 View 的 onInterceptTouchEvent< 中适当时返回 false/。我的理解在这里可能是错误的，但我的印象是返回 false 应该意味着我的 View 的 onTouchEvent 不应该被调用。

这是我的自定义 View 的代码:

package com.example.dm78.viewpagertouchexample;

import android.content.Context;
import android.support.v4.view.GestureDetectorCompat;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MyCustomView extends FrameLayout {

    public static final String TAG = MyCustomView.class.getSimpleName();

    private GestureDetectorCompat mGestureDetector;
    private PanelData mPanelData;
    private LinearLayout mFrontPanel;
    private float xAdditive;
    private float mFrontPanelInitialX = Float.NaN;
    private float mDownX = Float.NaN;
    private float frontPanelXSwipeThreshold = 100;  // arbitrary value

    public MyCustomView(Context context, PanelData holder) {
        super(context);
        mPanelData = holder;
        init();
    }

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

    private void init() {
        mGestureDetector = new GestureDetectorCompat(getContext(), new GestureDetector.OnGestureListener() {
            @Override
            public boolean onDown(MotionEvent e) {
                return false;
            }

            @Override
            public void onShowPress(MotionEvent e) {

            }

            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                return false;
            }

            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                return false;
            }

            @Override
            public void onLongPress(MotionEvent e) {

            }

            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                return false;
            }
        });

        View view = View.inflate(getContext(), R.layout.my_custom_view, this);
        mFrontPanel = (LinearLayout) view.findViewById(R.id.front_panel);
        FrameLayout mRearPanel = (FrameLayout) findViewById(R.id.rear_panel);
        TextView mFrontTextView = (TextView) findViewById(R.id.front_textView);
        TextView mRearTextView = (TextView) findViewById(R.id.rear_textView);

        mFrontTextView.setText(mPanelData.frontText);
        mRearTextView.setText(mPanelData.rearText);

        if (mPanelData.showFrontPanel) {
            mFrontPanel.setVisibility(View.VISIBLE);
        }
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);

        mFrontPanelInitialX = mFrontPanel.getX();
    }

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

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (mPanelData.showFrontPanel) {
            getParent().requestDisallowInterceptTouchEvent(true);
            return true;
        }
        return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        float dX;
        long duration;
        boolean result = false;
        int xDir = 0;

        if (mDownX != Float.NaN) {
            xDir = (int) Math.abs(event.getRawX() - mDownX);
        }

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // for later ACTION_MOVE events, we'll add xAdditive to event.getRawX() to get a dX for animations
                xAdditive = mFrontPanel.getX() - event.getRawX();
                mDownX = event.getRawX();
                result = true;
                break;
            case MotionEvent.ACTION_MOVE:
                // left movement detected
                if (xDir < 0) {
                    // animate panel interactively with new events coming in

                    // assume we haven't passed the point of no return
                    dX = event.getRawX() + xAdditive;
                    duration = 0;

                    if ((mFrontPanel.getX() + dX) < frontPanelXSwipeThreshold) {
                        // go ahead and animate the panel away
                        dX = -mFrontPanel.getWidth();
                        duration = 200;
                    }

                    mFrontPanel.animate().x(dX).setDuration(duration).start();
                    result = true;
                }
                break;
            case MotionEvent.ACTION_UP:
                // test value here is arbitrary
                if (xDir < -10) {
                    int newX;
                    // if panel has been moved left enough, just animate it away
                    if (mFrontPanel.getX() < frontPanelXSwipeThreshold) {
                        newX = -mFrontPanel.getWidth();
                    }
                    // otherwise, animate return to initial position
                    else {
                        newX = -getContext().getResources().getDisplayMetrics().widthPixels;
                    }

                    mFrontPanel.animate().x(newX).setDuration(200).start();
                    result = true;
                    getParent().requestDisallowInterceptTouchEvent(false);
                }
                break;
            default:
                result = super.onTouchEvent(event) || mGestureDetector.onTouchEvent(event);
        }

        return result;
    }

    public static class PanelData {
        public String rearText;
        public String frontText;
        public boolean showFrontPanel;
    }
}

现在，在 ViewPager 中通常不会发生任何事情。我的 subview 完全忽略了触摸输入。我确定我在这里做了一些愚蠢的事情，但我对 Android SDK 的这一部分没有足够的经验来知道它是什么。

我根据一些博客的建议加入了一个 GestureDetector.OnGestureListener，但我没有发现它有多大用处，也不知道它能如何帮助我开始。

你能发现我的代码有什么明显的错误吗？我走在正确的轨道上吗？

2015-09-01 更新:我发现 ViewParent#requestDisallowInterceptTouchEvent(boolean) 方法可能应该在我的 View 的父级上在几个点上调用。似乎 onInterceptTouchEvent 可能是设置标志的好地方，而在 onTouchEvent 中 ACTION_UP 可能是取消的好地方它。这显然是不正确的，因为当我滚动到具有用户需要滑动的前面板的页面时，ViewPager 完全停止滚动并且应用程序没有用户可见的响应。我怎样才能使它工作？

工作示例应用 repo :https://gitlab.com/dm78/ViewPagerTouchExample/tree/master

Answer 1

我的代码有很多问题。

• 在确定事件的运动方向时，我忘记删除对 Math.abs() 的调用。
• 在决定如何为面板设置动画时，我需要调整一些我正在检查的值。
• 我需要在几个地方对我的 View 的父级调用 requestDisallowInterceptTouchEvent(boolean) 以启用/禁用父级吞并我的 View 中生成的所有事件。

通过在我的 View 中使用 requestDisallowInterceptTouchEvent(boolean)，这允许 child 处理事件，而不是将 View 与显示它的 ViewPager 紧密耦合，这我觉得更可取，因为这种技术可以应用于(据我所知)任何 UI 上下文中任何地方的任何 View 以获得所需的行为。它不依赖 View 的其他元素了解正在发生的事情的详细信息，以便解决方案正常运行。

解决了上述问题后，只需调整动画的触发方式即可实现所需的交互。

我的解决方案还有一个小问题，但那是另一个 SO 问题。