java - BottomNavigationView 下 CoordinatorLayout 上的 Fab 按钮

Question

fab 按钮隐藏在 BottomNavigationView 下，我希望它们位于 BottomNavigationView 的顶部，我尝试使用约束布局，但这破坏了一些功能。我需要保留 coordinatorLayout。

这是布局:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </com.google.android.material.appbar.AppBarLayout>

    <include
        layout="@layout/content_main"
        android:background="?attr/colorButtonNormal" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:scaleType="fitXY"
        app:backgroundTint="@color/colorPrimary"
        app:fabSize="auto"
        app:maxImageSize="38dp"
        app:srcCompat="@drawable/ic_add_black_24dp"
        tools:ignore="VectorDrawableCompat" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/close_voice_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|start"
        android:layout_margin="@dimen/fab_margin"
        android:onClick="getSpeechInput"
        android:scaleType="fitXY"
        app:backgroundTint="@color/colorPrimary"
        app:fabSize="auto"
        app:maxImageSize="34dp"
        app:srcCompat="@drawable/ic_close_black_24dp"
        tools:ignore="VectorDrawableCompat" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/voice_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|start"
        android:layout_margin="@dimen/fab_margin"
        android:onClick="getSpeechInput"
        android:scaleType="fitXY"
        android:tint="@color/colorPrimary"
        app:backgroundTint="@color/colorAccent"
        app:fabSize="auto"
        app:maxImageSize="34dp"
        app:srcCompat="@drawable/ic_mic"
        tools:ignore="VectorDrawableCompat" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#D8D8D8"
        app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"/>


</androidx.coordinatorlayout.widget.CoordinatorLayout>

这就是我得到的:/image/Zfc9t.jpg

我该怎么做才能让 fabs 位于 BottomNavigationView 的顶部，并且如果 BottomNavigationView 隐藏，这些按钮应该位于布局的底部。

Answer 1

将高度设置为您的 fab 图标，如下所示:

app:elevation="16dp"