Tabbed Activity中Swipe to Unlock组件滑动与切页冲突解决问询

这个问题是典型的触摸事件冲突：ViewPager的滑动手势识别会优先拦截触摸事件，导致SwipeButton无法完整处理自身的滑动逻辑，同时触发了ViewPager的页面切换（即使在边界页也会显示边界提示）。下面提供几种可行的解决方案：

方案1：给SwipeButton设置OnTouchListener消费事件 #

直接在代码中给SwipeButton添加触摸监听，确保它消费掉触摸事件，不让事件传递给父布局（ViewPager）：

SwipeButton swipeButton = findViewById(R.id.SwipeButton);
swipeButton.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        // 先让SwipeButton处理自身的触摸逻辑
        v.onTouchEvent(event);
        // 返回true表示消费事件，阻止事件向上传递给ViewPager
        return true;
    }
});

注意：如果你的SwipeButton是在Fragment中，需要在Fragment的onViewCreated方法中获取组件并设置监听。

方案2：自定义父布局拦截触摸事件 #

通过自定义SwipeButton所在的RelativeLayout，让它在触摸点位于SwipeButton范围内时拦截事件，阻止ViewPager获取触摸事件：

步骤1：创建自定义RelativeLayout类 #

public class TouchBlockRelativeLayout extends RelativeLayout {
    private SwipeButton swipeButton;

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

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

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

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        // 初始化时获取SwipeButton实例
        swipeButton = findViewById(R.id.SwipeButton);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (swipeButton != null) {
            Rect buttonRect = new Rect();
            swipeButton.getGlobalVisibleRect(buttonRect);
            // 判断触摸点是否在SwipeButton范围内
            if (buttonRect.contains((int) ev.getRawX(), (int) ev.getRawY())) {
                // 拦截事件，不让ViewPager处理
                return true;
            }
        }
        return super.onInterceptTouchEvent(ev);
    }
}

步骤2：修改标签页XML布局 #

将原来的<RelativeLayout>替换为自定义的布局类：

<com.yourpackage.TouchBlockRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <!-- 原有的SwipeButton代码保持不变 -->
    <com.ebanx.swipebtn.SwipeButton
        android:id="@+id/SwipeButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginEnd="20dp"
        android:layout_centerInParent="true"
        app:inner_text="Swipe TO Unlock"
        app:inner_text_background="@color/black"
        app:inner_text_color="@color/white"
        app:inner_text_size="16sp"
        app:inner_text_bottom_padding="18dp"
        app:inner_text_top_padding="18dp"
        app:button_image_disabled="@drawable/ic_lock_open_black_24dp"
        app:button_image_enabled="@drawable/ic_lock_outline_black_24dp"
        app:button_left_padding="20dp"
        app:button_right_padding="20dp"
        app:button_top_padding="20dp"
        app:button_bottom_padding="20dp"
        app:button_background="@drawable/round_button" />

</com.yourpackage.TouchBlockRelativeLayout>

方案3：自定义ViewPager，选择性拦截事件 #

通过自定义ViewPager，让它在触摸SwipeButton时不拦截事件，确保SwipeButton能正常处理滑动：

步骤1：创建自定义ViewPager类 #

public class CustomViewPager extends ViewPager {
    private SwipeButton targetSwipeButton;

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

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

    // 提供方法设置需要排除的SwipeButton
    public void setExcludeSwipeButton(SwipeButton button) {
        this.targetSwipeButton = button;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (targetSwipeButton != null) {
            Rect buttonRect = new Rect();
            targetSwipeButton.getGlobalVisibleRect(buttonRect);
            // 如果触摸点在SwipeButton上，不拦截事件
            if (buttonRect.contains((int) ev.getRawX(), (int) ev.getRawY())) {
                return false;
            }
        }
        // 其他情况保持ViewPager的默认拦截逻辑
        return super.onInterceptTouchEvent(ev);
    }
}

步骤2：修改Tabbed Activity的XML布局 #

替换原有的<android.support.v4.view.ViewPager>为自定义类：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    android:weightSum="10"
    android:background="#1D1D1D"
    tools:context="com.digitalcrafts.tjay.trailindiactor.TabbedActivity">

    <com.yourpackage.CustomViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="9"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</LinearLayout>

步骤3：在Activity中关联SwipeButton #

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_tabbed);

    CustomViewPager viewPager = findViewById(R.id.container);
    // 初始化ViewPager的Adapter等逻辑...

    // 获取对应Fragment中的SwipeButton实例（假设第一个Fragment是包含SwipeButton的页）
    YourSwipeFragment fragment = (YourSwipeFragment) getSupportFragmentManager()
            .findFragmentByTag("android:switcher:" + R.id.container + ":0");
    if (fragment != null && fragment.getView() != null) {
        SwipeButton swipeButton = fragment.getView().findViewById(R.id.SwipeButton);
        viewPager.setExcludeSwipeButton(swipeButton);
    }
}

原理说明 #

Android的触摸事件传递是从父View到子View的：当用户触摸屏幕时，事件先传递给最外层的父View（这里是ViewPager），ViewPager的onInterceptTouchEvent会判断是否是滑动手势，如果是就拦截事件，自己处理页面切换。我们的核心思路就是在触摸SwipeButton时，阻止ViewPager拦截事件，让SwipeButton能完整接收并处理触摸逻辑。

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