譯文_MaterialDesign-Dialogs對話框

對話框

對話框通知用戶任務(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#

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市滚朵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌韵吨,老刑警劉巖移宅,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件漏峰,死亡現(xiàn)場離奇詭異,居然都是意外死亡倔喂,警方通過查閱死者的電腦和手機靖苇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門贤壁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人馒索,你說我怎么就攤上這事假丧。” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵渴邦,是天一觀的道長拘哨。 經(jīng)常有香客問我倦青,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮丑掺,結(jié)果婚禮上街州,老公的妹妹穿的比我還像新娘。我一直安慰自己唆缴,他們只是感情好面徽,可當(dāng)我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著质礼,像睡著了一般织阳。 火紅的嫁衣襯著肌膚如雪唧躲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天饭入,我揣著相機與錄音肛真,去河邊找鬼蚓让。 笑死,一個胖子當(dāng)著我的面吹牛窄瘟,可吹牛的內(nèi)容都是我干的趟卸。 我是一名探鬼主播氏义,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼惯悠,長吁一口氣:“原來是場噩夢啊……” “哼琼稻!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鸠补,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤紫岩,失蹤者是張志新(化名)和其女友劉穎睬塌,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體勋陪,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡诅愚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年违孝,在試婚紗的時候發(fā)現(xiàn)自己被綠了泳赋。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡校坑,死狀恐怖撒踪,靈堂內(nèi)的尸體忽然破棺而出大渤,到底是詐尸還是另有隱情掸绞,我是刑警寧澤耕捞,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布俺抽,位于F島的核電站较曼,受9級特大地震影響捷犹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜萍歉,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一枪孩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拒担,春花似錦攻询、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽阴挣。三九已至畔咧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間誓沸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工趁仙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留垦页,地道東北人。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像薄啥,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子逛漫,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容