如何固定底部悬浮操作按钮(FAB)避免遮挡RecyclerView

你遇到的核心问题是FAB固定在底部时遮挡列表最后一项，直接将FAB放在RecyclerView底部又会导致列表内容被截断。下面是几种实用的解决方案：

方案一：ConstraintLayout布局调整（推荐） #

用ConstraintLayout作为根布局，通过padding和约束实现需求：

1. 让RecyclerView占满父布局，设置android:paddingBottom="80dp"（数值=FAB高度+底部margin，根据你的实际UI尺寸调整），再添加android:clipToPadding="false"。这样RecyclerView的内容可以滚动到padding区域，最后一项不会被FAB遮挡，同时列表整体不会被截断。
2. 将FAB约束到父布局的底部和右侧，设置合适的margin（比如android:layout_margin="16dp"），让它固定在底部悬浮在RecyclerView上方。

示例布局代码：

<androidx.constraintlayout.widget.ConstraintLayout
    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">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/favorite_recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="80dp"
        android:clipToPadding="false"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/export_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:src="@drawable/ic_export"/>

</androidx.constraintlayout.widget.ConstraintLayout>

方案二：CoordinatorLayout配合滚动Behavior #

如果需要FAB随列表滚动自动隐藏/显示，可以用Material Design的CoordinatorLayout实现：

1. 根布局使用CoordinatorLayout。
2. RecyclerView设置app:layout_behavior="@string/appbar_scrolling_view_behavior"，同时同样设置android:paddingBottom="80dp"和android:clipToPadding="false"。
3. FAB默认会监听RecyclerView的滚动，你也可以通过app:layout_behavior自定义Behavior，控制FAB的显示逻辑，避免遮挡列表。

方案三：动态调整RecyclerView的padding #

如果FAB尺寸不固定，可在代码中动态计算高度并设置RecyclerView的padding：

export_fab.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
    override fun onGlobalLayout() {
        export_fab.viewTreeObserver.removeOnGlobalLayoutListener(this)
        val fabHeight = export_fab.height + resources.getDimensionPixelOffset(R.dimen.fab_margin)
        favorite_recycler.setPadding(0, 0, 0, fabHeight)
        favorite_recycler.clipToPadding = false
    }
})

补充说明 #

你之前将FAB顶部置于RecyclerView底部导致列表截断，本质是RecyclerView的底部空间被FAB占据，列表高度被压缩无法显示全部内容。而设置clipToPadding="false"后，RecyclerView的内容可以延伸到padding区域，既保证FAB有固定位置，又不会让列表内容被截断或遮挡。

截图参考：

内容的提问来源于stack exchange，提问作者Antony Lajes