无法单击滚动视图上方的浮动操作按钮

Question

我有一个 CoordinatorLayout，里面有两个 FloatingActionButton，下面是一个 ScrollView。

问题是，即使我可以在屏幕上看到我的 FloatingActionButtons，我也无法点击它们。我怀疑这是因为所有 onTouch 事件都是从 ScrollView

处理的

这是我的布局 xml（这可能很糟糕，所以欢迎任何提示）：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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">

    <!-- Note: that 80dp padding is:
         main_padding + fab_size + 8dp = 80dp 
              16dp    +    56dp  + 8dp = 80dp
         and it was the only way I could think to add padding
         between my FABs 
         I tried to use app:layout_anchor but my 2
         FABs had no padding between them... -->
    <android.support.design.widget.FloatingActionButton
        style="@style/RefreshFab"
        android:id="@+id/fab_send"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="80dp"
        android:layout_marginEnd="16dp"
        app:fabSize="normal"
        app:pressedTranslationZ="12dp"/>

    <android.support.design.widget.FloatingActionButton
        style="@style/SendFab"
        android:id="@+id/fab_refresh"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:layout_gravity="bottom|end"
        app:fabSize="normal"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- Toolbar -->
        <include
            layout="@layout/view_toolbar" />

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:padding="16dp">

                <!-- Much stuff here, text views, spinners etc.. -->

            </LinearLayout>
        </ScrollView>
    </LinearLayout>
</android.support.design.widget.CoordinatorLayout>

Answer 1

问题是因为每个项目在 CoordinatorLayout 中的布局顺序与在 xml 中的写入顺序相同。按照这个逻辑，每个 FloatingActionButtons 都放在屏幕上，然后 LinearLayout 在它们上面，所以我希望点击被 LinearLayout 覆盖。

重新排列您的 XML 以将 FloatingActionButtons 放在最后，这样它们就是 'on top'，可以说，您的布局。然后他们就会很好地检测到您的点击侦听器。

我认为问题会持续存在，因为每个 FloatingActionButton 都包裹在 match_parent 尺寸的 FrameLayout 中。我认为您不需要这些 FrameLayout，但您可以简单地将 FloatingActionButtons 放在 CoordinatorLayout 中。

无法单击滚动视图上方的浮动操作按钮

Cannot click my floating action button which is above a scroll view

android

android-scrollview

floating-action-button