CoordinatorLayout中Snackbar遮挡Button问题的解决方案咨询

我刚好解决过类似的需求，默认情况下确实只有FloatingActionButton自带的Behavior会和Snackbar联动调整位置。要让普通Button或者整个ConstraintLayout也能在Snackbar出现时自动上移，最贴合CoordinatorLayout设计思路的方案是自定义Behavior，通过监听Snackbar的显示/隐藏事件来调整目标View的位置。

步骤1：自定义CoordinatorLayout Behavior #

创建一个继承自CoordinatorLayout.Behavior的类，它会负责监听Snackbar的状态变化，并同步调整目标View的位置：

Kotlin版本 #

import android.view.View
import androidx.coordinatorlayout.widget.CoordinatorLayout
import com.google.android.material.snackbar.Snackbar

class MoveWithSnackbarBehavior : CoordinatorLayout.Behavior<View>() {

    // 判断当前View是否依赖Snackbar
    override fun layoutDependsOn(
        parent: CoordinatorLayout,
        child: View,
        dependency: View
    ): Boolean {
        return dependency is Snackbar.SnackbarLayout
    }

    // 当Snackbar位置变化时，同步调整目标View的translationY
    override fun onDependentViewChanged(
        parent: CoordinatorLayout,
        child: View,
        dependency: View
    ): Boolean {
        // 计算需要上移的距离：Snackbar的高度 + 它自身的translationY（处理滑动收起的情况）
        val targetTranslationY = Math.min(0f, dependency.translationY - dependency.height)
        // 平滑过渡动画，和Snackbar的动画时长保持一致
        child.animate()
            .translationY(targetTranslationY)
            .setDuration(dependency.animationDuration)
            .start()
        return true
    }

    // Snackbar消失时，重置目标View的位置
    override fun onDependentViewRemoved(
        parent: CoordinatorLayout,
        child: View,
        dependency: View
    ) {
        child.animate()
            .translationY(0f)
            .setDuration(dependency.animationDuration)
            .start()
    }
}

Java版本（如果需要） #

import android.view.View;
import androidx.coordinatorlayout.widget.CoordinatorLayout;
import com.google.android.material.snackbar.Snackbar;

public class MoveWithSnackbarBehavior extends CoordinatorLayout.Behavior<View> {

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
        return dependency instanceof Snackbar.SnackbarLayout;
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
        float targetTranslationY = Math.min(0f, dependency.getTranslationY() - dependency.getHeight());
        child.animate()
                .translationY(targetTranslationY)
                .setDuration(dependency.getAnimationDuration())
                .start();
        return true;
    }

    @Override
    public void onDependentViewRemoved(CoordinatorLayout parent, View child, View dependency) {
        child.animate()
                .translationY(0f)
                .setDuration(dependency.getAnimationDuration())
                .start();
    }
}

步骤2：在XML中给目标View绑定Behavior #

确保你的布局根容器是CoordinatorLayout，然后给需要联动的Button或者整个ConstraintLayout设置自定义Behavior：

给单个Button设置 #

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 其他布局内容 -->

    <Button
        android:id="@+id/save_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="保存"
        android:layout_gravity="bottom|center_horizontal"
        android:layout_marginBottom="16dp"
        <!-- 绑定自定义Behavior -->
        app:layout_behavior="com.yourpackage.MoveWithSnackbarBehavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

给整个ConstraintLayout设置 #

如果想让整个布局都跟着上移，直接给ConstraintLayout添加Behavior即可：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="com.yourpackage.MoveWithSnackbarBehavior">

        <!-- 内部的所有View，包括保存按钮 -->

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

关键注意事项 #

• 必须确保根布局是CoordinatorLayout，因为Behavior是CoordinatorLayout的核心特性，其他布局容器无法识别。
• 自定义Behavior中的动画时长和Snackbar保持一致，这样视觉体验更协调自然。
• 如果你的Snackbar是通过Snackbar.make(coordinatorLayout, "提示内容", Snackbar.LENGTH_SHORT)创建的，确保传入的是根CoordinatorLayout，这样Behavior才能正确监听它的变化。

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