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

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

一、消息提示（Snackbars）

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

原則

1、信息化

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

2、臨時(shí)性

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

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

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

類(lèi)型

Snackbars 可以是純文本，也可以包含單個(gè)操作。因?yàn)樗鼈儠?huì)自動(dòng)消失，所以操作按鈕不應(yīng)該是“解除”或“取消”。

1、文字型

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

2、操作型

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

如果操作很長(zhǎng)，則可以在第三行顯示。

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

二、條幅（Banners）

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

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

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

原則

1、適當(dāng)中斷

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

2、明確

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

3、集中

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

特別注意

按鈕

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

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

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

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

插圖

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

位置

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

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

2、條幅和搜索欄

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

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

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

三、對(duì)話框（Dialogs）

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

用法

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

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

原則

1、聚焦

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

2、直接

對(duì)話應(yīng)直接用于溝通信息并專(zhuān)門(mén)用于完成任務(wù)。

3、幫助

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

何時(shí)使用

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

? 阻止APP正常運(yùn)行的錯(cuò)誤

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

類(lèi)型

1、警示框(Alert dialog)

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

2、簡(jiǎn)單對(duì)話框(Simple dialog )

簡(jiǎn)單對(duì)話框可以顯示在選擇時(shí)立即可操作的項(xiàng)目。沒(méi)有文字按鈕。

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

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

確認(rèn)對(duì)話框使用戶能夠在提交選擇之前提供最終確認(rèn)，以便于讓他們?cè)谛枰獣r(shí)改變主意。

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

4、全屏對(duì)話框（Full screen dialog）

全屏對(duì)話框?qū)⒁幌盗腥蝿?wù)分組，例如創(chuàng)建包含事件標(biāo)題、日期、位置和時(shí)間的日歷條目。因?yàn)樗鼈冋紦?jù)整個(gè)屏幕，所以全屏對(duì)話框是唯一可以顯示其他對(duì)話框的對(duì)話框。

Material Design視覺(jué)設(shè)計(jì)語(yǔ)言概述（一）

Material Design視覺(jué)設(shè)計(jì)語(yǔ)言概述（二）

作者：宛蘇