Android：如何禁用顶层视图触摸事件，让底层视图接收触摸？

嗨，我来帮你搞定这个问题！作为Android初学者，碰到这种视图层级和触摸事件传递的问题很正常，咱们一步步来解决，完全符合你不用Google Map自带Circle类的要求~

第一步：自定义一个不拦截触摸的透明Canvas View #

首先得写一个专门用来绘制Circle的自定义View，核心是让它不抢触摸事件，把所有触摸操作都交给下面的Map。

Kotlin版本 #

class TransparentCircleView(context: Context, attrs: AttributeSet?) : View(context, attrs) {
    // 初始化绘制Circle的画笔，你可以自己调整颜色、粗细这些参数
    private val circlePaint = Paint().apply {
        color = Color.parseColor("#FF4081") // 随便选个颜色，你换自己需要的就行
        style = Paint.Style.STROKE // 空心圆，要实心就改成FILL
        strokeWidth = 4f
        isAntiAlias = true // 抗锯齿，让Circle边缘更顺滑
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        // 在View中心画一个Circle，位置和半径你可以自己改
        val centerX = width / 2f
        val centerY = height / 2f
        val radius = 100f
        canvas.drawCircle(centerX, centerY, radius, circlePaint)
    }

    // 关键中的关键：返回false表示这个View不处理触摸事件，直接传给下层的Map
    override fun onTouchEvent(event: MotionEvent?): Boolean {
        return false
    }

    // 额外保险：确保这个View不拦截父View传下来的触摸事件
    override fun onInterceptTouchEvent(event: MotionEvent?): Boolean {
        return false
    }
}

Java版本 #

如果你用Java开发的话，代码是这样的：

public class TransparentCircleView extends View {
    private Paint circlePaint;

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

    private void initPaint() {
        circlePaint = new Paint();
        circlePaint.setColor(Color.parseColor("#FF4081"));
        circlePaint.setStyle(Paint.Style.STROKE);
        circlePaint.setStrokeWidth(4f);
        circlePaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        float centerX = getWidth() / 2f;
        float centerY = getHeight() / 2f;
        float radius = 100f;
        canvas.drawCircle(centerX, centerY, radius, circlePaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return false;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        return false;
    }
}

第二步：调整XML布局，让Canvas View覆盖在Map上 #

接下来要把这个自定义View放在Map Fragment的上层，同时设置背景透明（默认View背景就是透明的，但显式写出来更稳妥）：

用RelativeLayout的布局示例 #

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 先放Google Map Fragment，它会在最下层 -->
    <fragment
        android:id="@+id/map_fragment"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <!-- 再放自定义的Canvas View，覆盖在Map上面 -->
    <com.yourpackage.TransparentCircleView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"/>

</RelativeLayout>

用ConstraintLayout的布局示例（推荐） #

如果项目里用ConstraintLayout的话，这样写更灵活：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment
        android:id="@+id/map_fragment"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <com.yourpackage.TransparentCircleView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@android:color/transparent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

⚠️ 注意：把com.yourpackage换成你自己项目的包名哦！

为什么这样能解决问题？ #

• 触摸事件透传：自定义View的onTouchEvent返回false，意味着它不会“吃掉”任何触摸事件，系统会自动把事件传递给下层的Map Fragment，这样你滑动、点击地图都能正常响应了。
• 视觉透明：设置背景为透明，加上只绘制你需要的Circle，完全不会遮挡地图的显示。
• 满足自定义需求：用自己的Canvas绘制Circle，完全不用Google Map自带的Circle类，符合你的要求。

这样设置好之后，你就能在地图上方看到自己画的Circle，同时触摸操作完全不受影响啦！

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