带有片段和底部导航栏的 Android FloatingActionButton

Posted 2023-04-19

【中文标题】带有片段和底部导航栏的 Android FloatingActionButton

【英文标题】：Android FloatingActionButton with fragment and bottom navigation bar

【发布时间】：2019-06-27 04:39:59

【问题描述】：

我正在创建一个具有以下结构的安卓应用：

主 Activity 有一个底部导航栏，可在 3 个不同的片段之间切换 其中 2 个片段将显示项目列表，并带有一个浮动操作按钮 (FAB) 以添加新项目 第三个片段将展示一些不同的东西，不需要 FAB。

基于此，FAB 似乎应该“属于”列表片段，而不是主要活动。

我目前遇到的问题是FAB 隐藏在底部导航栏后面，如this question。那里有一个很好的解决方案，但这取决于 FAB 与底部导航栏的布局相同。

有没有办法让 FAB 不隐藏在底部导航后面，而不将 FAB 向上移动到主要活动（这会破坏片段的模块化）？

---

我的activity布局如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:id="@+id/container"
    android:layout_
    android:layout_
    tools:context=".MainActivity">

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/fragment_container"
        android:layout_
        android:layout_/>

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_
        android:layout_
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_insetEdge="bottom"
        app:menu="@menu/navigation" />

</android.support.constraint.ConstraintLayout>

其中“片段容器”替换为所选片段，如下所示：

    TodoListFragment fragment = new TodoListFragment();

    //if we were started with an intent, pass on any special arguments
    fragment.setArguments(getIntent().getExtras());

    getSupportFragmentManager().beginTransaction()
            .replace(R.id.fragment_container, fragment)
            .commit();

最后片段的布局如下：

<?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_
    android:layout_>

    <android.support.v7.widget.RecyclerView 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:id="@+id/list"
        android:name="..."
        android:layout_
        android:layout_
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        app:layoutManager="LinearLayoutManager"
        tools:context=".TodoListFragment"
        tools:listitem="@layout/fragment_todolist_item" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatingActionButton"
        android:layout_
        android:layout_
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_add_white_24dp"
        android:layout_margin="16dp" />

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

【参考方案1】：

问题在于您的限制条件。您正在设置 FrameLayout 的高度以匹配父级。试试这个 -

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/fragment_container"
        android:layout_
        android:layout_
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/navigation"/>

【讨论】：

这个。弄清楚这一点很棘手，因为当您使用 Android Studio 的项目创建向导并选择作为 BottomNavigation 应用程序启动时，Google 为您提供的预配置活动布局会将片段视图的高度设置为 match_parent 而不是 0dp。跨度>