android - 带有两个 float 操作按钮的 CoordinatorLayout

Question

我有两个位于 CoordinateLayout View 中的 Fab。当我展示 Snackbar 时，我希望两个 Fab 一起上升，但结果是只有一个 Fab(下面的那个)响应并上升(见图)。我在这里想念什么？

之前 在 之后

调用 snackbar

 mSnackbar = Snackbar.make(getActivity().findViewById(R.id.coords_wrapper), "Loading", 1000000000);   

XML

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/coords_wrapper">

    <!-- main contents here, left out -->
    <Relativelayout ...... />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/action_button_location"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src ="@drawable/ic_add_black"
        android:layout_gravity="right|bottom"
        android:layout_marginBottom="82dp"
        android:layout_marginRight="16dp"
        app:borderWidth="0dp"
        app:elevation="6dp"
        />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/action_button_filter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src ="@drawable/ic_add_black"
        android:layout_gravity="right|bottom"
        android:layout_margin="16dp"
        app:borderWidth="0dp"
        app:elevation="6dp"
        />
</android.support.design.widget.CoordinatorLayout>

Answer 1

根据 fab 的 Behavior，它仅在与 snackbar 相交时才进行翻译，否则。顶部按钮显然不会与 snackbar 发生冲突，所以什么也没有发生。

您可以尝试定义一个 anchor :

<android.support.design.widget.FloatingActionButton
    android:id="@+id/action_button_location"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    app:layout_anchor="@id/action_button_filter"
    app:layout_anchorGravity="top"
    android:layout_gravity="top"
    />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/action_button_filter"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src ="@drawable/ic_add_black"
    android:layout_gravity="right|bottom"
    android:layout_margin="16dp"
    />

这将确定顶部 fab (action_button_location) 和底部 fab (action_button_filter) 之间的关系，以便第一个始终位于另一个之上，用 layout_anchorGravity 和 layout_gravity 属性定义，都设置为 top。您可能需要重新定义边距。