Design Support Library第三部分：Snackbar样式

欢迎来到design support library 教程的第三部分。目前为止我们已经在这个系列中讨论了浮动操作按钮 (FAB) 以及 Snackbar 。

Snackbar样式

前一篇文章  中我们看到了如何显示Snackbar，但是今天我们将看到如何显示不同颜色的snackbar，向用户传递更多暗示信息，比如snackbar背景显示成红色表明这是一个警告提示。

实际上，我已经在GDG 应用中用Snackbar替代Crouton，但是Crouton可以提供不同的样式，比如STYLE.ALERT，TYLE.INFO。因此我在思考如何显示相同类型的彩色的snackbar，Gabriele Mariotti在Gist上的分享给了我灵感。这里是我刚刚对GDG应用做的Snackbar 改进 。

如何为Snackbar添加背景颜色

你可以通过getView() 方法获取Snackbar的核心视图，然后就可以在对它采用任意颜色了。

下面是ColoredSnackbar类，它封装了一些方法，可以根据用户指定的类型显示不同背景颜色。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

public class ColoredSnackbar {         private static final int red = 0xfff44336;      private static final int green = 0xff4caf50;      private static final int blue = 0xff2195f3;      private static final int orange = 0xffffc107;         private static View getSnackBarLayout(Snackbar snackbar) {          if  (snackbar !=  null ) {              return  snackbar.getView();          }          return  null ;      }         private static Snackbar colorSnackBar(Snackbar snackbar, int colorId) {          View snackBarView = getSnackBarLayout(snackbar);          if  (snackBarView !=  null ) {              snackBarView.setBackgroundColor(colorId);          }             return  snackbar;      }         public static Snackbar info(Snackbar snackbar) {          return  colorSnackBar(snackbar, blue);      }         public static Snackbar warning(Snackbar snackbar) {          return  colorSnackBar(snackbar, orange);      }         public static Snackbar alert(Snackbar snackbar) {          return  colorSnackBar(snackbar, red);      }         public static Snackbar confirm(Snackbar snackbar) {          return  colorSnackBar(snackbar, green);      } }

如何使用？

1 2	Snackbar snackbar = Snackbar.make(getView(), R.string.hello_snackbar, Snackbar.LENGTH_SHORT); ColoredSnackBar.alert(snackbar).show();

这里，我使用的是fragment的getView()方法来获得view，不过你也可以使用FrameLayout或者CoordinatorLayout。