Android Material Design之Snackbar

注:在这提供的代码是用kotlin语言。

示例 Github地址:https://github.com/ChaiJiangpeng/AndroidMaterialDesignDemo

Snackbar是Android Material Design中另一组件，使用Snackbar 会在屏幕底部显示一条消息，与Toast相似。

1.简单使用

Snackbar.make(view, message, duration).show();

make()方法的第一个参数view，snackbar会找到一个父view，来寄存snackbar；第二个参数message，是snackbar显示的消息；第三个参数duration，是sanckbar展示多长时间，系统提供了三个（LENGTH_SHORT,LENGTH_LONG，LENGTH_INDEFINITE）前两个与Toast相同，Snackbar一段时间后自动消失，“LENGTH_INDEFINITE”不会自动消失，需要与setAction（）方法配合使用（下边会介绍怎样是用它）；至此，Snackbar就能简单使用了，我们可以在项目中用它来代替Toast的使用。

2.进阶

按照文档中描述：在make()方法的第一个参数 view 中添加 CoordinatorLayout，可以支持 snackbar 的更多特性，比如滑动消失，和 FloatingActionButton的自动移动。我们可以以下配置snackbar:

Snackbar.make(coordinator,"我是Snackbar!", Snackbar.LENGTH_INDEFINITE).show()

我们的布局是：

<android.support.design.widget.CoordinatorLayout

android:id="@+id/coordinator"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

        android:id="@+id/fab"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="bottom|right"/>

</android.support.design.widget.CoordinatorLayout>

这样我们第一个参数view使用CoordinatorLayout 就可以很好的跟fab配合使用，查看源码（注）：

make()源码 findSuitableParent()源码

查看源码，红框是主要代码，代码用do{}while() 来判断传入view 以及它的父view是否是CoordinatorLayout；所以我们view传入CoordinatorLayout 或者他的字view我们都可以很好的可以支持 snackbar 的特性。

3.setAction（CharSequence text，View.OnClickListener listener)）

示例：

Snackbar.make(coordinator,"Snackbar!",Snackbar.LENGTH_INDEFINITE).setAction("Ido", View.OnClickListener{

            Toast.makeText(this,"你点击了action", Toast.LENGTH_SHORT).show()

}).show()

这里我给Snackbar设置了一个Action，并带有了一个点击事件，在单击这个Action后就弹出一个Toast。这样我们就可以与Snackbar有个交互，比Toast体验更好，前边我们提到“LENGTH_INDEFINITE”不会自动消失，需要与setAction（）方法配合使用，这里我们就用到了它，我们点击后，Snackbar消失。

Snackbar提供了方法snackbar.setActionTextColor（）；这个方法我们可以修改action 文字的颜色，又更好的定制。

4.Snackbar更多定制

有时我们使用Snackbar 想更改更多的外观，例如Snackbar背景颜色，提示信息文字颜色，查看snackbar发现并没有直接提供这俩个方法。查看Snackbar源码我们发现了这个：

public View getView() {

return mView;

}

此mView 就是SnackbarBaseLayout，而Snackbar样子就是有它实现的，所以我们就可以修改Snackbar背景颜色了；

snackbar.view.setBackgroundColor(resources.getColor(R.color.colorAccent))

Snackbar提示信息文字颜色修改没有提供方法，但提示信息却提供了 我们点进去看

public Snackbar setText(@NonNull CharSequence message) {

final SnackbarContentLayout contentLayout = (SnackbarContentLayout)mView.getChildAt(0);

final TextView tv = contentLayout.getMessageView();

tv.setText(message);

return this;

}

我们发现它是通过getMessageView()来获取它的TextView；我们再点击进去就会看到这两个方法：

@Override

protected void onFinishInflate() {

super.onFinishInflate();

mMessageView = findViewById(R.id.snackbar_text);

mActionView = findViewById(R.id.snackbar_action);

}

public TextView getMessageView() {

return mMessageView;

}

mMessageView = findViewById(R.id.snackbar_text); 我们找到了它的id，由命名可知，以snackbar_text为名的TextView就是Snackbar左侧的message。所以通过它我们可以修改它的文字颜色：

snackbar.view.findViewById(R.id.snackbar_text).setTextColor(resources.getColor(R.color.colorPrimary))

ok，这样就简单使用Snackbar 了。

Android Material Design其他篇

「FloatingActionButton」

「TextInputLayout」