Android开发：Google Map叠加FrameLayout后地图交互失效问题求助

我之前也碰到过一模一样的情况——上层加了透明FrameLayout后，地图的滑动、缩放全失效了，核心原因就是上层的FrameLayout默认会拦截所有触摸事件，导致下面的Google Map根本收不到手势操作。给你两个实用的解决方案，根据你的场景选就行：

方法一：让FrameLayout不拦截触摸事件（最省事） #

如果你的FrameLayout本身不需要处理任何点击、触摸交互，直接给它加上两个属性，让它把触摸事件透传给下面的地图：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Google Map 控件 -->
    <com.google.android.gms.maps.MapView
        android:id="@+id/mapView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <!-- 上层透明FrameLayout，添加下面两个属性 -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="false"
        android:focusable="false">

        <!-- 你的自定义内容 -->
    </FrameLayout>

</RelativeLayout>

android:clickable="false"会让FrameLayout不响应点击事件，android:focusable="false"则让它不获取焦点，这样所有触摸事件都会直接传递给下层的Google Map，地图就能正常滑动、缩放了。

方法二：FrameLayout有子控件需要交互时的处理 #

如果你的FrameLayout里有按钮、文本之类需要交互的子控件，那不能直接把整个Layout设为不可点击，这时候要重写FrameLayout的onInterceptTouchEvent方法，只在子控件的区域拦截事件，其他区域把事件交给地图：

Kotlin 示例： #

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

    override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
        // 检查触摸点是否落在需要交互的子控件上
        val child = findChildAtPosition(ev.x, ev.y)
        return child != null && child.isClickable
    }

    private fun findChildAtPosition(x: Float, y: Float): View? {
        for (i in 0 until childCount) {
            val child = getChildAt(i)
            val rect = Rect()
            child.getGlobalVisibleRect(rect)
            if (rect.contains(x.toInt(), y.toInt())) {
                return child
            }
        }
        return null
    }
}

然后在xml里用这个自定义的FrameLayout代替原生的FrameLayout：

<com.yourpackage.PassThroughFrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 你的可交互子控件 -->
</com.yourpackage.PassThroughFrameLayout>

这样只有点击到子控件的时候，FrameLayout才会拦截事件，其他区域的触摸都会透传给地图，完美兼顾两者的交互。

内容的提问来源于stack exchange，提问作者Gaurav A Dubey