Android中Frame Layout搭配Floating Action Menu时地图交互失效问题

嘿，我之前也碰到过一模一样的问题！这大概率是你的Floating Action Menu（或它的父容器）抢占了地图的触摸事件——毕竟FrameLayout是层级布局，后添加的View会覆盖在前面的View之上，如果FAB菜单的容器设置成了占满整个屏幕，那地图的Marker点击、拖拽这些交互都会被它完全挡住，根本传不到地图控件上。

下面给你几个靠谱的解决办法：

方法1：调整FAB菜单的布局范围，避免全屏覆盖 #

检查你布局里的Floating Action Menu代码，看看是不是给它设置了android:layout_width="match_parent"和android:layout_height="match_parent"？如果是，赶紧改成wrap_content，再用布局属性把它定位到角落（比如右下角），让它只占自己需要的空间，这样就不会挡住整个地图了。

举个修改后的布局示例：

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

    <!-- 地图控件放在最底层，占满屏幕 -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- 这里替换成你用的地图控件，比如Google MapView或高德MapView -->
        <com.google.android.gms.maps.MapView
            android:id="@+id/map_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>

    <!-- FAB菜单只占自身大小，定位到右下角，不会遮挡整个地图 -->
    <com.github.clans.fab.FloatingActionMenu
        android:id="@+id/fab_menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_margin="16dp"
        fab:menu_icon="@drawable/ic_menu"
        fab:menu_colorNormal="#FF4081"
        fab:menu_colorPressed="#FF3061">

        <!-- 子FAB按钮示例 -->
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fab_add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_icon="@drawable/ic_add"
            fab:fab_label="添加标记" />

    </com.github.clans.fab.FloatingActionMenu>

</RelativeLayout>

方法2：禁止FAB容器拦截触摸事件 #

如果因为需求原因，FAB菜单的容器必须占满屏幕，那可以给它的父容器（或者FAB菜单本身）设置android:clickable="false"和android:focusable="false"，这样它就不会拦截地图的触摸事件，只有FAB按钮本身会响应点击。

你可以直接在布局里加：

<com.github.clans.fab.FloatingActionMenu
    ...
    android:clickable="false"
    android:focusable="false">

也可以在代码里动态设置（Java示例）：

FloatingActionMenu fabMenu = findViewById(R.id.fab_menu);
// 获取FAB菜单的父容器，禁止它拦截触摸
View fabParent = (View) fabMenu.getParent();
fabParent.setClickable(false);
fabParent.setFocusable(false);

或者Kotlin示例：

val fabMenu = findViewById<FloatingActionMenu>(R.id.fab_menu)
(fabMenu.parent as View).apply {
    isClickable = false
    isFocusable = false
}

最后再确认一下：你已经给地图正确设置了Marker点击监听（比如GoogleMap的setOnMarkerClickListener），如果这部分代码没问题，那按上面的方法调整后，地图的交互应该就能正常工作了！

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