如何将SnackBar的淡出效果改为从下到上？

当然可以调整SnackBar的淡出行为！考虑到你是把SnackBar放在顶部显示，默认的从上到下淡出确实不太适配场景，下面给你两种实用的解决方案：

方案一：直接替换自定义退出动画 #

这种方法简单直接，只需要创建自定义动画资源，替换掉SnackBar默认的退出逻辑：

1. 在res/anim目录下创建退出动画文件anim_snackbar_top_exit.xml：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_shortAnimTime"
    android:fromYDelta="0%"
    android:toYDelta="-100%" />

这个动画会让SnackBar从当前位置向上移动直至完全消失，正好实现你要的「从下到上淡出」效果。

2. 显示SnackBar时绑定自定义动画：

Kotlin代码示例 #

val snackbar = Snackbar.make(rootView, "无网络连接", Snackbar.LENGTH_LONG)
// 绑定底部EditText，让SnackBar自动显示在它上方
snackbar.setAnchorView(bottomInputEditText)
// 获取SnackBar的根视图并设置退出动画
val snackbarView = snackbar.view
snackbarView.animation = AnimationUtils.loadAnimation(context, R.anim.anim_snackbar_top_exit)
snackbar.show()

Java代码示例 #

Snackbar snackbar = Snackbar.make(rootView, "无网络连接", Snackbar.LENGTH_LONG);
snackbar.setAnchorView(bottomInputEditText);
View snackbarView = snackbar.getView();
snackbarView.setAnimation(AnimationUtils.loadAnimation(context, R.anim.anim_snackbar_top_exit));
snackbar.show();

方案二：自定义CoordinatorLayout Behavior（适配复杂场景） #

如果你的布局使用了CoordinatorLayout，这种方式能更灵活地控制SnackBar的入场/退场逻辑，还能适配滚动交互：

1. 创建自定义Behavior类：

class TopSnackbarBehavior : CoordinatorLayout.Behavior<Snackbar.SnackbarLayout>() {
    override fun layoutDependsOn(parent: CoordinatorLayout, child: Snackbar.SnackbarLayout, dependency: View): Boolean {
        // 关联底部的EditText作为依赖视图
        return dependency is EditText
    }

    override fun onDependentViewChanged(parent: CoordinatorLayout, child: Snackbar.SnackbarLayout, dependency: View): Boolean {
        // 动态调整SnackBar位置，确保在EditText上方
        val params = child.layoutParams as CoordinatorLayout.LayoutParams
        params.bottomMargin = dependency.height + parent.paddingBottom
        child.layoutParams = params
        return true
    }

    // 重写退出逻辑，实现向上淡出
    override fun onDismiss(child: Snackbar.SnackbarLayout) {
        child.animate()
            .translationY(-child.height.toFloat())
            .setDuration(200)
            .withEndAction { super.onDismiss(child) }
            .start()
    }
}

2. 给SnackBar绑定自定义Behavior：

val snackbar = Snackbar.make(rootCoordinatorLayout, "无网络连接", Snackbar.LENGTH_LONG)
val snackbarView = snackbar.view
val params = snackbarView.layoutParams as CoordinatorLayout.LayoutParams
params.behavior = TopSnackbarBehavior()
snackbarView.layoutParams = params
snackbar.show()

两种方案里，第一种适合快速解决需求，第二种更适合有复杂交互的场景，你可以根据自己的布局情况选择~

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