底部控件阴影_移动端弹窗交互控件规范总结——Snackbar底部提示框

1. 简介

Snackbars 是 Android 平台的控件，跟 Toasts 非常相似。两者的区别在于，Snackbars 可以包含一个操作(不是「取消」这类用于关闭的按钮)。(根据网上的相关文章，在以前的规范里，Snackbars 是支持主动滑动关闭的。但是，现在 Material Design 的指南里并没有这一项。)

虽然现在的 Material Design 里已经找不到 Toasts，Snackbars 也可以取代 Toasts，但在实际运用中，还是 Toasts 用得比较多，用户可能还是对 Toasts 比较熟悉。

2. 官方规范

(1) 非模态。

(2) 显示在屏幕底部。

(3) 一次只展示一个 Snackbar。

(4) 只能包含一个文本按钮，且文本颜色不能与提示信息文本颜色一样。

(5) 文本按钮不能是「取消」、「忽略」等用于关闭 Snackbars 的按钮。

(6) 背景必须完全不透明，并带阴影。

(7) 显示 4~10s 后自动消失，不支持手动关闭。

3. 实际应用

实际运用中，有一个样式与 Snackbars 非常类似的比较常见的控件(如下图所示)，网络上一些文章将这种底部提示框也称为 Snackbars。但它跟官方定义的 Snackbars 的交互方式已经不太一样了，这种底部提示框：

(1) 非模态。

(2) 显示在屏幕底部。

(3) 大部分情况下只包含一个按钮，但有时也包含「关闭」按钮。按钮的形式可以是图标、文本按钮或填充按钮。

(4) 背景一般为半透明黑色背景。

(5) 一般不会自动消失，可手动关闭或执行相应操作后消失。