如何将普通Button锚定到Snackbar实现联动上移效果

这个需求很常见！要让普通Button实现FAB那种被Snackbar顶上去的效果，核心是利用CoordinatorLayout的Behavior机制——这也是FAB自带该效果的底层原因。而且完全能做到Button和Snackbar互相不感知、各自独立移动，下面一步步给你拆解实现：

1. 确保布局根容器是CoordinatorLayout #

CoordinatorLayout是Android实现视图间交互的核心容器，你的Button必须放在它内部才能实现和Snackbar的联动。示例布局如下：

<?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"
    android:id="@+id/root_coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 这里放你的其他页面视图 -->

    <Button
        android:id="@+id/my_custom_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="普通按钮"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        app:layout_behavior=".SnackbarAwareButtonBehavior"/> <!-- 关键：绑定自定义Behavior -->

</androidx.coordinatorlayout.widget.CoordinatorLayout>

2. 自定义Behavior类处理联动逻辑 #

我们需要写一个自定义的Behavior，让它监听Snackbar的显示/隐藏事件，自动调整Button的位置。这样Button和Snackbar就不需要互相持有引用，完全解耦：

import android.content.Context
import android.util.AttributeSet
import android.view.View
import androidx.coordinatorlayout.widget.CoordinatorLayout
import com.google.android.material.snackbar.Snackbar

class SnackbarAwareButtonBehavior(context: Context, attrs: AttributeSet?) : CoordinatorLayout.Behavior<View>(context, attrs) {

    override fun layoutDependsOn(parent: CoordinatorLayout, child: View, dependency: View): Boolean {
        // 告诉CoordinatorLayout，当前Button依赖Snackbar的布局
        return dependency is Snackbar.SnackbarLayout
    }

    override fun onDependentViewChanged(parent: CoordinatorLayout, child: View, dependency: View): Boolean {
        // 计算Button需要上移的距离：和Snackbar的位移同步，偏移量等于Snackbar的高度
        val targetTranslationY = Math.min(0f, dependency.translationY - dependency.height)
        child.translationY = targetTranslationY
        return true
    }

    override fun onDependentViewRemoved(parent: CoordinatorLayout, child: View, dependency: View) {
        // Snackbar消失后，让Button回到原来的位置
        child.translationY = 0f
    }
}

如果习惯用Java，转成对应的Java代码即可，逻辑完全一致。

3. 正常使用Snackbar，无需关联Button #

这一步就是你要的“互不感知”：显示Snackbar的时候，直接传入CoordinatorLayout作为父容器，不用再绑定Button。Behavior会自动完成联动，两者完全独立：

// 直接基于CoordinatorLayout创建Snackbar，不用管Button
Snackbar.make(findViewById(R.id.root_coordinator), "测试Snackbar提示", Snackbar.LENGTH_SHORT).show()

4. 让Button支持独立移动 #

如果你的Button需要拖动或者其他自定义移动操作，完全没问题——Behavior只会在Snackbar变化时调整Button的translationY，不会干扰你通过其他方式修改translationX/translationY。比如你可以给Button添加触摸监听实现拖动，和这个联动逻辑完全兼容。

注意事项 #

• 确保你的项目依赖了Google的Material库：com.google.android.material:material（版本根据你的项目适配即可）。
• 如果Button的初始位置不是底部，调整Behavior里的位移计算逻辑即可，核心是监听Snackbar的高度和位移。

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