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 的設(shè)計風(fēng)格。

make 方法的第二個和第三個參數(shù)和 Toast 一樣,第一個參數(shù)是指定 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. 如果傳進(jìn)去的 View 是 CoordinatorLayout,那么 View 就是 CoordinatorLayout。
  2. 否則,一直向上取 parent 知道 parent 是 android.R.id.content,返回 android.R.id.content。
  3. 否則,返回傳進(jìn)去的 View。

Snackbar 還可以在右側(cè)設(shè)置按鈕來添加事件,根據(jù) Material Design 的設(shè)計原則,最多只可以添加 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();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 原文地址:http://www.android100.org/html/201606/06/241682.html...
    AFinalStone閱讀 1,304評論 0 1
  • 1. Toolbar 1.使用Toolbar,首先需要將系統(tǒng)的ActionBar隱藏,打開res/values/s...
    figure_ai閱讀 1,186評論 1 3
  • 春未老,風(fēng)細(xì)柳斜斜。試上超然臺上看,半濠春水一城花。煙雨暗千家。寒食后,酒醒卻咨嗟。休對故人思故國,且將新火試...
    蕭垚呼和浩特閱讀 324評論 0 0
  • 有一個小女孩,她跟著媽媽在逛街,這時,她完全被兩個漂亮的洋娃娃吸引住了。媽媽看她不走了,就問:“看什么呢?...
    薛舒陽閱讀 539評論 0 3
  • 鞏澤惠播報: 今天,我為大家介紹的是《艾青詩選》的作家小傳。 小時候,雖為地主家的兒子,但卻被寄養(yǎng)在貧窮的農(nóng)婦家里...
    靜語微文閱讀 1,167評論 0 2

友情鏈接更多精彩內(nèi)容