對話框
對話框通知用戶任務(wù)邪码,可以包含關(guān)鍵信息、需要決策或涉及多個任務(wù)。
用法
對話框是出現(xiàn)在應(yīng)用程序內(nèi)容前面的一種模式窗口只锭,用于提供關(guān)鍵信息或要求做出決定。對話框在出現(xiàn)時禁用所有應(yīng)用功能院尔,并保留在屏幕上蜻展,直到確認、取消或執(zhí)行必要的操作為止邀摆。
對話是故意中斷的纵顾,所以應(yīng)該謹(jǐn)慎使用它們。
何時使用
·阻止應(yīng)用正常運行的錯誤
·需要特定用戶任務(wù)栋盹、決策或確認的關(guān)鍵信息
類型
標(biāo)題
對話框的用途應(yīng)通過其標(biāo)題和按鈕文本進行傳達。
· 包含簡短例获、明確的陳述或問題
· 避免道歉(“抱歉打擾了”),鬧鐘(“警告闷愤!”)或模糊不清(“你確定嗎?”)
按鈕
推薦并排按鈕件余,并排按鈕顯示兩個彼此相鄰的文本按鈕遭居。
對話框顯示在24dp高度旬渠,可以顯示陰影俱萍。它們出現(xiàn)在其他內(nèi)容的上方,通常在其下方有一個覆蓋所有應(yīng)用程序內(nèi)容的遮罩告丢。
行為
交互作用
對話框出現(xiàn)時沒有警告,要求用戶停止當(dāng)前任務(wù)岳颇。應(yīng)該謹(jǐn)慎使用它們颅湘,因為并非每個選擇或設(shè)置都需要中斷。
位置
對話框保持關(guān)注瞻鹏,直到被取消或采取行動鹿寨,例如選擇設(shè)置。它們不應(yīng)被其他元素遮擋或部分顯示在屏幕上赫悄,除了全屏對話框玩讳。
滾動
大多數(shù)對話框內(nèi)容應(yīng)避免滾動。當(dāng)需要滾動時同诫,對話框標(biāo)題固定在頂部樟澜,按鈕固定在底部秩贰。這樣可確保所選內(nèi)容在標(biāo)題和按鈕旁邊保持可見,即使在滾動時也是如此丙唧。
對話框不與對話框外部的元素一起滾動觅玻,例如背景培漏。
取消對話框
對話可能會被取消:
·點擊對話框外部
·點擊“取消”按鈕
·點擊系統(tǒng)后退按鈕(僅限Android)
如果禁用了用戶關(guān)閉對話框的功能牌柄,則用戶必須選擇一個對話框操作才能繼續(xù)侧甫。
來看一下四種對話框性質(zhì)
警報對話框
警報對話框會中斷用戶的緊急信息披粟、詳細信息或操作。
要關(guān)閉警報對話框虫碉,必須選擇其中一個操作胸梆。
簡單對話框
簡單對話框可以顯示在選中時可立即操作的項目碰镜。他們沒有文字按鈕习瑰。
由于簡單的對話框是中斷的,因此應(yīng)謹(jǐn)慎使用它們柠横】涡郑或者,下拉菜單以非模態(tài)搬俊、破壞性較小的方式提供選項唉擂。
一個簡單的對話框允許以下交互:
·點擊操作以選擇它并關(guān)閉對話框
·點擊對話框外部來關(guān)閉對話框而不采取任何操作
確認對話框
確認對話框使用戶能夠在提交之前提供最終的選擇確認玩祟,因此他們有機會在必要時改變主意屿聋。
如果用戶確認了選擇庆聘,則執(zhí)行操作伙判。否則黑忱,用戶可以關(guān)閉該對話框。例如菇曲,用戶可以收聽多個鈴聲抚吠,但只有在觸摸“OK”時進行最終選擇楷力。
為了確認選擇,用戶點擊確認操作岔留。要取消检柬,用戶點擊取消操作。
按鈕
確認對話框提供確認和取消按鈕里逆。點擊確認按鈕后原押,確認選擇项钮。如果點擊“取消”按鈕或?qū)υ捒蛲獾膮^(qū)域,則取消操作署隘。
全屏對話框
全屏對話框?qū)⒁幌盗腥蝿?wù)分組磁餐,例如創(chuàng)建包含事件標(biāo)題、日期羞延、位置和時間的日歷條目脾还。因為它們占據(jù)整個屏幕鄙漏,所以全屏對話框是唯一可以顯示其他對話框的對話框。
全屏對話框可用于滿足以下任何條件的內(nèi)容或任務(wù):
·包含需要鍵盤輸入的組件的對話框怔蚌,例如表單字段
·當(dāng)更改未立即保存時
·當(dāng)對話框中的組件打開其他對話框時
全屏對話框僅適用于移動設(shè)備桦踊。
要在全屏對話框中保存選擇籍胯,用戶點擊“保存”。要放棄所有更改并退出瘫怜,用戶點擊“X”圖標(biāo)或“后退”按鈕本刽。
在填寫所有必填字段之前赠涮,將禁用確認操作。使用描述性動詞斜友,例如“保存”垃它,“發(fā)送”国拇,“共享”,“更新”或“創(chuàng)建”也殖。不要使用模糊的術(shù)語务热,例如“完成”己儒,“確定”或“關(guān)閉”闪湾。
·如果未進行任何更改绩卤,則會關(guān)閉對話框并且不需要丟棄確認
·如果用戶進行了更改,則會提示用戶確認放棄操作
布局
?全屏對話框覆蓋屏幕,不會顯示為浮動模式窗口赖晶。在頂部應(yīng)用欄中放置確認和拒絕操作辐烂。
由于全屏對話框只能完成纠修,關(guān)閉或關(guān)閉,因此只能使用關(guān)閉的“X”導(dǎo)航按鈕扣草。
標(biāo)題應(yīng)該簡潔辰妙。如有必要,它們可以換行到第二行蛙婴,并被截斷尔破。如果有長標(biāo)題或可變長度的標(biāo)題(例如注釋)懒构,請將它們放在內(nèi)容區(qū)域而不是應(yīng)用欄中。
原文鏈接:https://material.io/design/components/dialogs.html#