#我是一個(gè)可愛的搬磚工系列# 嘗試對(duì)照英文翻譯學(xué)習(xí)MD的組件設(shè)計(jì),借此加深各種組件的應(yīng)用~
Material Design鏈接:Material Design——Snackbars
Snackbar在屏幕底部提供關(guān)于應(yīng)用程序進(jìn)程的簡(jiǎn)短信息鲤看。
一汛闸、用法
Snackbar告訴用戶應(yīng)用程序已經(jīng)或?qū)⒁獔?zhí)行的進(jìn)程伤锚。它們暫時(shí)出現(xiàn)在屏幕底部维苔。他們不應(yīng)該中斷用戶體驗(yàn)泡孩,也不需要用戶輸入消失递瑰。
· 頻繁
一次只能顯示一個(gè)snackbar
· 操作
快捷鍵可以包含一個(gè)動(dòng)作爹谭,因?yàn)樗鼈儠?huì)自動(dòng)消失枷邪,所以這個(gè)動(dòng)作不應(yīng)該是“解散”或“取消”
△ 原則
· 信息的?
Snackbar提供應(yīng)用程序進(jìn)程的更新
· 臨時(shí)的?
Snackbar暫時(shí)出現(xiàn),并自行消失诺凡,而不要求用戶輸入被排除
· 上下文的
Snackbar放置在UI中最合適的區(qū)域
△ 什么時(shí)候使用Snackbar
Snackbar應(yīng)該傳遞最小中斷性的消息东揣,這些消息不需要用戶操作。
二腹泌、分析
△ 文本標(biāo)簽
Snackbar包含與正在執(zhí)行的進(jìn)程直接相關(guān)的文本標(biāo)簽凉袱,在移動(dòng)平臺(tái)上脸候,文本標(biāo)簽最多可以包含兩行文本。
△ 內(nèi)容
Snackbar顯示在帶有灰色背景的矩形容器中缸托,容器應(yīng)該完全不透明左敌,這樣文字標(biāo)簽才能保持清晰。
△ 操作
Snackbar可以顯示一個(gè)單一的文本按鈕无宿,讓用戶對(duì)應(yīng)用程序執(zhí)行的進(jìn)程采取行動(dòng),Snackbar不應(yīng)該是訪問(wèn)核心用例的唯一方法枢里,它可以使應(yīng)用程序可用孽鸡。
三伏尼、行為
△ 顯示與消失
Snackbar在沒(méi)有警告的情況下出現(xiàn)忿檩,并且不需要用戶交互,它們?cè)谥辽?秒和最多10秒之后自動(dòng)從屏幕上消失爆阶。
△?持續(xù)的
當(dāng)需要多個(gè)snackbar更新時(shí)燥透,每次應(yīng)該出現(xiàn)一個(gè)。
四吱韭、位置
△?在UI的底部
Snackbar應(yīng)該放在UI的底部,在app內(nèi)容的前面鱼的,避免在經(jīng)常使用的觸控目標(biāo)或?qū)Ш角懊娣胖肧nackbar理盆。
只有當(dāng)UI不使用持久導(dǎo)航組件(如app bar或底部導(dǎo)航條)時(shí)猿规,Snackbar才能跨越屏幕的整個(gè)寬度≈娉鳎跨UI整個(gè)寬度的Snackbar出現(xiàn)時(shí)將FAB向上推高姨俩。
△ Snackbars和浮動(dòng)動(dòng)作按鈕(FAB)
Snackbar應(yīng)該出現(xiàn)在FAB上方哼勇。
△?Snackbars和持久頁(yè)腳元素
Snackbar應(yīng)該直接出現(xiàn)在持久頁(yè)腳元素的上方。
△ 寬布局的Snackba
在寬的布局中,如果在屏幕底部的相同位置上湿刽,Snackbar可以左對(duì)齊或中心對(duì)齊的烁。
END.THANKS FOR YOUR READING~
如有不當(dāng)渴庆,還請(qǐng)多多指教~