如何让容器透明区域穿透触摸，保留可见区域触摸响应（XML实现）

核心思路是通过重写蓝色容器的触摸事件拦截逻辑，仅拦截绿色视图范围内的触摸事件，其余区域的事件直接透传给下层的紫色视图。具体实现步骤如下：

1. 自定义触摸透传容器 #

创建一个继承自对应布局容器（比如FrameLayout/LinearLayout，根据你原蓝色容器类型选择）的自定义类，重写触摸事件相关方法：

Kotlin 实现 #

class TouchPassThroughContainer @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    private val greenViewRect = Rect()

    override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
        // 获取绿色视图的可视区域
        findViewById<View>(R.id.green_view)?.getHitRect(greenViewRect)
        // 仅当触摸点在绿色视图范围内时，拦截事件交给绿色视图处理
        return greenViewRect.contains(ev.x.toInt(), ev.y.toInt())
    }

    override fun onTouchEvent(ev: MotionEvent): Boolean {
        // 不在绿色区域的事件不消费，继续向下透传
        findViewById<View>(R.id.green_view)?.getHitRect(greenViewRect)
        return greenViewRect.contains(ev.x.toInt(), ev.y.toInt())
    }
}

Java 实现 #

public class TouchPassThroughContainer extends FrameLayout {
    private final Rect greenViewRect = new Rect();

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

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

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

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        View greenView = findViewById(R.id.green_view);
        if (greenView != null) {
            greenView.getHitRect(greenViewRect);
            return greenViewRect.contains((int) ev.getX(), (int) ev.getY());
        }
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        View greenView = findViewById(R.id.green_view);
        if (greenView != null) {
            greenView.getHitRect(greenViewRect);
            return greenViewRect.contains((int) ev.getX(), (int) ev.getY());
        }
        return super.onTouchEvent(ev);
    }
}

2. 修改XML布局 #

将原蓝色容器替换为这个自定义容器，确保绿色视图的id与代码中对应（示例为green_view，可根据实际id调整代码）：

<com.yourpackage.TouchPassThroughContainer
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    <!-- 保留原蓝色容器的所有属性 -->
    >

    <View
        android:id="@+id/green_view"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:background="#00ff00"
        <!-- 保留绿色视图的布局属性、滑动相关配置 -->
        />

</com.yourpackage.TouchPassThroughContainer>

方案说明 #

• 完全匹配需求：绿色视图始终处于顶层，无需修改任何视图尺寸，保留容器以支持绿色视图的左右滑动，透明区域的触摸事件会自动透传给下层的第三方紫色视图。
• 原理：利用Android触摸事件传递机制，容器仅拦截绿色视图范围内的事件，其余事件不拦截也不消费，会继续向下传递到下层的紫色视图；触摸在绿色视图上时，容器拦截事件，确保绿色视图正常响应触摸和滑动操作。

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