概述
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;
}
意思就是
- 如果传进去的 View 是 CoordinatorLayout,那么 View 就是 CoordinatorLayout。
- 否则,一直向上取 parent 知道 parent 是 android.R.id.content,返回 android.R.id.content。
- 否则,返回传进去的 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();