带有Snackbar和透明导航栏的浮动按钮

Question

我在我的styles.xml中使用了<item name="android:windowTranslucentNavigation">true</item>。

由于有透明的导航栏，我为浮动操作按钮添加了边距。

我的问题是，我的Snackbar在透明的导航栏下面。我通过给Snackbar添加填充来解决这个问题，但现在我的Snackbar和浮动操作按钮之间的空间太大了。我尝试为我的浮动操作按钮创建自定义行为，但是导航栏的自定义边距和Snackbar的填充会导致当Snackbar被关闭或显示时高度出错。

这是我的浮动操作按钮，它位于android.support.design.widget.CoordinatorLayout中，并具有属性android:fitsSystemWindows="true"。

<android.support.design.widget.FloatingActionButton
        android:id="@+id/myFAB"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_gravity="bottom|right|end"
        android:layout_marginEnd="10dp"
        android:layout_marginRight="10dp"
        app:borderWidth="0dp"
        app:elevation="12dp"
        app:layout_behavior="...ScrollAwareFABBehavior"
        app:rippleColor="@color/md_indigo_700" />

我还没有找到一种方法来对齐FloatingActionButton和SnackBar以使它们显示在NavigationBar之上，同时不破坏behavior。

我的CoordinatorLayout位于一个片段中。这是活动布局：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/content_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true" />

碎片布局：

<?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"
    xmlns:wheel="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <include layout="@layout/fragment_toolbar" />

    <com.pnikosis.materialishprogress.ProgressWheel
        android:id="@+id/progress_wheel"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:visibility="gone"
        wheel:matProg_barColor="#5588FF"
        wheel:matProg_progressIndeterminate="true" />

    <android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        android:paddingBottom="@dimen/navigation_bar_bottom_padding"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/myFAB"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_gravity="bottom|right|end"
        android:layout_marginEnd="10dp"
        android:layout_marginRight="10dp"
        app:borderWidth="0dp"
        app:elevation="12dp"
        app:layout_behavior="...ScrollAwareFABBehavior"
        app:rippleColor="@color/md_indigo_700" />

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

- Fabian

---

不要使用填充等方法，可以尝试使用一个空的布局放在floatingActionButton上方，在snackbar中指定该空布局以显示布局。 - HourGlass

@HourGlass snackbar 总是在 layout 中搜索下一个 coordinatorlayout。空视图不会有任何不同。 - Fabian

好的，你能分享整个布局代码吗？ - HourGlass

@HourGlass 我更新了这篇文章。 - Fabian

Answer 1

我认为这个可以。试一下，如果不行的话也分享一下你的 snackbar 代码。

<android.support.design.widget.FloatingActionButton
    android:id="@+id/myFAB"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_anchorGravity="bottom|right|end"
    android:layout_gravity="bottom|right"
    app:borderWidth="0dp"
    app:elevation="12dp"
    app:layout_behavior="...ScrollAwareFABBehavior"
    app:rippleColor="@color/md_indigo_700" />

- HourGlass