拦截ViewPager滑动并校验：解决canSlideOut多次调用及事件冲突问题

Hey there! Let's work through those two ViewPager issues you're facing—they're totally solvable with a few tweaks to a custom ViewPager implementation.

1. Stopping Multiple Calls to canSlideOut() #

The reason canSlideOut() gets called repeatedly is because ViewPager's touch handling triggers multiple ACTION_MOVE events during a single swipe gesture. We just need a simple flag to ensure we only run our validation check once per swipe attempt.

Here's a custom ViewPager that implements this logic:

public class ValidatedViewPager extends ViewPager {
    private boolean isValidationDone = false;
    private SlideValidator slideValidator;

    // Define an interface to handle validation and error feedback
    public interface SlideValidator {
        boolean canSlideOut();
        void showErrorPrompt();
    }

    // Constructors (match ViewPager's constructors)
    public ValidatedViewPager(Context context) {
        super(context);
    }

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // Reset the flag every time a new touch starts
                isValidationDone = false;
                break;
            case MotionEvent.ACTION_MOVE:
                if (!isValidationDone) {
                    // Check if we're trying to swipe to the NEXT page (right-to-left swipe)
                    float currentX = ev.getX();
                    float prevX = ev.getHistoricalX(0);
                    boolean isSwipeToNext = currentX < prevX && getCurrentItem() < getAdapter().getCount() - 1;

                    if (isSwipeToNext) {
                        // Run validation only once per swipe
                        if (!slideValidator.canSlideOut()) {
                            slideValidator.showErrorPrompt();
                            isValidationDone = true;
                            // Consume the event to block the swipe
                            return true;
                        }
                    }
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                // Reset flag when touch ends, even if validation wasn't triggered
                isValidationDone = false;
                break;
        }
        return super.onTouchEvent(ev);
    }

    public void setSlideValidator(SlideValidator validator) {
        this.slideValidator = validator;
    }
}

How this works: #

• We use the isValidationDone flag to ensure canSlideOut() is only invoked once per swipe attempt.
• We reset the flag on ACTION_DOWN (when the user starts touching the screen) and on ACTION_UP/ACTION_CANCEL (when the touch ends).
• We only trigger validation when we detect a right-to-left swipe (the gesture to move to the next page).

2. Avoiding Interception of ListView/EditText Events #

To prevent blocking interactions with your ListView (and its child EditTexts), we need to check if the user's touch is targeting those interactive elements before deciding to intercept the event.

Add this override to the same ValidatedViewPager class:

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    // Check if the touch is on an interactive child view (EditText or ListView)
    View touchedView = findChildViewUnder(ev.getX(), ev.getY());
    if (touchedView != null) {
        // Let EditTexts handle their own touch events (focus, typing)
        if (touchedView instanceof EditText) {
            return false;
        }
        // Let ListView handle vertical scrolling and child interactions
        if (touchedView.getParent() instanceof ListView) {
            return false;
        }
    }

    // If the touch isn't on a protected view, proceed with our validation logic
    switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            isValidationDone = false;
            break;
        case MotionEvent.ACTION_MOVE:
            if (!isValidationDone) {
                float currentX = ev.getX();
                float prevX = ev.getHistoricalX(0);
                boolean isSwipeToNext = currentX < prevX && getCurrentItem() < getAdapter().getCount() - 1;

                if (isSwipeToNext) {
                    if (!slideValidator.canSlideOut()) {
                        slideValidator.showErrorPrompt();
                        isValidationDone = true;
                        return true;
                    }
                }
            }
            break;
    }
    return super.onInterceptTouchEvent(ev);
}

How this works: #

• findChildViewUnder() identifies exactly which view the user is touching.
• If the touch is on an EditText, we return false to let the EditText handle focus and input events.
• If the touch is on a child of a ListView, we return false to let the ListView handle vertical scrolling and its own child interactions.
• Only when the touch is on non-interactive areas do we proceed with our swipe validation logic.

Putting It All Together #

In your activity/fragment, set up the custom ViewPager like this:

ValidatedViewPager viewPager = findViewById(R.id.your_viewpager);
viewPager.setSlideValidator(new ValidatedViewPager.SlideValidator() {
    @Override
    public boolean canSlideOut() {
        // Your validation logic here (e.g., check form inputs)
        return isCurrentPageValid();
    }

    @Override
    public void showErrorPrompt() {
        // Show your error message (Toast, Snackbar, etc.)
        Toast.makeText(getContext(), "Please fill out all required fields!", Toast.LENGTH_SHORT).show();
    }
});

This setup will:

• Only run your validation check once per swipe attempt
• Leave ListView scrolling and EditText interactions completely unblocked

内容的提问来源于stack exchange，提问作者Nimeton