MD在組件中，提到了三種提示控件，分別是：Snackbar、Banner、Dialog。此前的 Toast 已被 Snackbar 取代找不到蹤影，還問了下安卓的開發(fā)小哥哥，說MD更支持用Snackbar（就像是 Toast 的升級版)。

根本原因是：Snackbar 是 Android自5.0系統(tǒng)推出質(zhì)感設(shè)計后官方推薦的控件，在交互友好性方面比 Toast 要好，例如：支持手勢操作，支持與CoordinatorLayout聯(lián)動等，Snackbar 作為提示控件目前在市面上也被廣泛使用。

一、消息提示（Snackbars）

Snackbars 通知用戶APP已執(zhí)行或?qū)?zhí)行的操作/任務(wù)，并且只是暫時出現(xiàn)在屏幕的底部。一次只能顯示一個 Snackbars。

原則

1、信息化

Snackbars 提供應(yīng)用程序進(jìn)程的更新。

2、臨時性

Snackbars 暫時出現(xiàn)，并且自行消失，不需要用戶手動解除。

3、關(guān)聯(lián)性

Snackbars放置在UI的最合適區(qū)域。

類型

Snackbars 可以是純文本，也可以包含單個操作。因為它們會自動消失，所以操作按鈕不應(yīng)該是“解除”或“取消”。

1、文字型

Snackbars包含與正在執(zhí)行的過程直接相關(guān)的文本標(biāo)簽。在移動設(shè)備上，文本標(biāo)簽最多可包含兩行文本。

2、操作型

Snackbars可以顯示單個文本按鈕，允許用戶對APP當(dāng)前進(jìn)程執(zhí)行操作。Snackbars 不可以是訪問核心用例，使APP可用的唯一方法。

如果操作很長，則可以在第三行顯示。

Snackbars 出現(xiàn)時沒有警告，也不需要用戶交互。它們會在4-10秒內(nèi)自動從屏幕上消失。

二、條幅（Banners）

條幅顯示突出的消息和相關(guān)的可選操作。

條幅用來展示重要、簡潔的消息，并為用戶提供解決（或解除條幅）的操作。它需要用戶手動關(guān)閉。

條幅應(yīng)顯示在屏幕的頂部，或者頂部應(yīng)用欄下方。它是持久的和非模態(tài)的，允許用戶隨時忽略它們或與它們交互。

原則

1、適當(dāng)中斷

Banner 是中斷性的，但它包含的信息及其出現(xiàn)的上下文相匹配，中斷程度相對Dialog 較低的。

2、明確

橫幅傳達(dá)簡潔的信息，如果用戶與他們互動會發(fā)生什么。

3、集中

Banner 包含了單個消息和用戶可以采取的特定操作。

特別注意

按鈕

1.條幅中的按鈕應(yīng)直接與其中內(nèi)容相關(guān)，并清楚地表示條幅的操作

2.為清晰起見，按鈕必須標(biāo)有文字，而不是僅僅使用圖標(biāo)

3.條幅最多可以包含兩個文本按鈕，左側(cè)放置取消操作，右側(cè)放置確認(rèn)動作

4.在條幅內(nèi)容下方放置按鈕，如果有足夠的空間放在同一行，則放在同一行

插圖

條幅可以使用插圖來來豐富內(nèi)容。如下圖：圖標(biāo)可以幫助傳達(dá)條幅的消息。

位置

1、條幅和頂部應(yīng)用欄

條幅放在屏幕頂部應(yīng)用欄的下方。它可以是固定的，也可以隨內(nèi)容滾動，具體取決于環(huán)境。

2、條幅和搜索欄

當(dāng)有搜索欄的情況下，條幅會顯示在搜索欄的下方。

3、條幅和底部導(dǎo)航欄

當(dāng)存在底部導(dǎo)航時，條幅應(yīng)保留在屏幕頂部。

三、對話框（Dialogs）

對話框通知用戶有關(guān)任務(wù)的信息，可以包含關(guān)鍵信息、需要做的決策和涉及多個任務(wù)。

用法

對話框是一種模態(tài)窗口，出現(xiàn)在APP內(nèi)容的前面，以提供關(guān)鍵信息或要求做出決定。對話框在出現(xiàn)時禁用其它功能，同時對話框必須保留在屏幕上，直到確認(rèn)、解除或執(zhí)行必要的操作為止。

對話是刻意中斷的行為，應(yīng)該謹(jǐn)慎使用它們。

原則

1、聚焦

對話框需引起用戶注意，以確保其內(nèi)容得到解決。

2、直接

對話應(yīng)直接用于溝通信息并專門用于完成任務(wù)。

3、幫助

對話框應(yīng)出現(xiàn)以響應(yīng)用戶任務(wù)或操作、以及相關(guān)或上下文信息。

何時使用

對話框應(yīng)該用于：

? 阻止APP正常運行的錯誤

? 需要特定用戶任務(wù)、決策或確認(rèn)的關(guān)鍵信息。

類型

1、警示框(Alert dialog)

警報框通常用于緊急信息，詳細(xì)信息或操作中斷用戶。

2、簡單對話框(Simple dialog )

簡單對話框可以顯示在選擇時立即可操作的項目。沒有文字按鈕。

由于簡單的對話框也是中斷的，因此應(yīng)謹(jǐn)慎使用它們?；蛘?，下拉菜單以非模態(tài)、破壞性較小的方式提供選項。

3、確認(rèn)對話框(Confirmation dialog )

確認(rèn)對話框使用戶能夠在提交選擇之前提供最終確認(rèn)，以便于讓他們在需要時改變主意。

如果用戶確認(rèn)了一個選擇，則執(zhí)行該操作。否則，用戶隨時可以取消對話框。例如，用戶可以收聽多個鈴聲，但只在觸摸“確定”時進(jìn)行最終選擇。

4、全屏對話框（Full screen dialog）

全屏對話框?qū)⒁幌盗腥蝿?wù)分組，例如創(chuàng)建包含事件標(biāo)題、日期、位置和時間的日歷條目。因為它們占據(jù)整個屏幕，所以全屏對話框是唯一可以顯示其他對話框的對話框。

Material Design視覺設(shè)計語言概述（一）

Material Design視覺設(shè)計語言概述（二）

作者：宛蘇