Android Material Design 之 Snackbar

概述

Snackbar 是一个类似于 Toast 的用来显示消息的条状控件。和 Toast 的不同之处在于，Toast 是在屏幕下方偏上一点的位置弹出来；而 Snackbar 是从屏幕下方弹出来，并显示在屏幕底部。

代码

代码和 Toast 类似

RelativeLayout rootLayout = (RelativeLayout) findViewById(R.id.root_layout);Snackbar.make(rootLayout, "This is a snack bar!", Snackbar.LENGTH_SHORT).show();

可以看到 make 方法和 show 方法都是采用的 Toast 的设计风格。

make 方法的第二个和第三个参数和 Toast 一样，第一个参数是指定 Snackbar 的父控件，表示想在哪个 Layout 的底部显示一个 Snackbar。
但是有时候虽然指定了一个 Layout，但是 Snackbar 并不是显示在这个 Layout 的底部。这是为什么？
看一下 make 方法里面的 parent 取得方法

final ViewGroup parent = findSuitableParent(view);

再看一下 findSuitableParent 方法

    private static ViewGroup findSuitableParent(View view) {        ViewGroup fallback = null;        do {            if (view instanceof CoordinatorLayout) {                // We've found a CoordinatorLayout, use it                return (ViewGroup) view;            } else if (view instanceof FrameLayout) {                if (view.getId() == android.R.id.content) {                    // If we've hit the decor content view, then we didn't find a CoL in the                    // hierarchy, so use it.                    return (ViewGroup) view;                } else {                    // It's not the content view but we'll use it as our fallback                    fallback = (ViewGroup) view;                }            }            if (view != null) {                // Else, we will loop and crawl up the view hierarchy and try to find a parent                final ViewParent parent = view.getParent();                view = parent instanceof View ? (View) parent : null;            }        } while (view != null);        // If we reach here then we didn't find a CoL or a suitable content view so we'll fallback        return fallback;    }

意思就是
1. 如果传进去的 View 是 CoordinatorLayout，那么 View 就是 CoordinatorLayout。
2. 否则，一直向上取 parent 知道 parent 是 android.R.id.content，返回 android.R.id.content。
3. 否则，返回传进去的 View。

Snackbar 还可以在右侧设置按钮来添加事件，根据 Material Design 的设计原则，最多只可以添加 1 个按钮。

RelativeLayout rootLayout = (RelativeLayout) findViewById(R.id.root_layout);Snackbar.make(rootLayout, "This is a snack bar!", Snackbar.LENGTH_SHORT)    .setAction("UNDO", new View.OnClickListener() {      @Override       public void onClick(View v) {       }     })     .show();