浮出層作為一種臨時視圖喷斋,會在用戶點(diǎn)擊控件或特定區(qū)域時觸發(fā),高于其他頁面層級蘑辑。通常椅寺,浮出層包括指向它出現(xiàn)位置的箭頭北苟。它可以是非模態(tài)(羅列信息)或是模態(tài)(進(jìn)行信息操作)。非模態(tài)浮層通過點(diǎn)擊屏幕的另一部分或浮層按鈕來關(guān)閉湖饱;模態(tài)浮層通過點(diǎn)擊取消或其他按鈕即可解除浮層啄踊。
浮出層在大屏設(shè)備上最合適忧设,可以包含各種元素,包括導(dǎo)航欄颠通、工具欄址晕、制表符欄、集合視圖顿锰、表格谨垃、圖像启搂、地圖和自定義視圖。當(dāng)一個浮層可見時刘陶,其他視圖交互通常被禁用胳赌,直到浮層關(guān)閉。使用彈窗顯示與屏幕內(nèi)容相關(guān)的選項(xiàng)或信息匙隔。例如疑苫,當(dāng)用戶點(diǎn)擊按鈕操作時,許多 iPad 應(yīng)用會顯示一個共享選項(xiàng)纷责。
避免在 iPhone 顯示浮層
一般來說捍掺,浮出層應(yīng)該保留在 iPad 應(yīng)用中使用。在 iPhone 應(yīng)用中再膳,在全屏模式視圖中呈現(xiàn)信息挺勿,而不是在浮層中,利用所有可用的屏幕空間喂柒。
包含關(guān)閉按鈕
應(yīng)包含關(guān)閉按鈕不瓶,例如 取消、完成灾杰∨确可以是另一種形式,例如退出或不保存更改吭露。一般來說吠撮,浮層應(yīng)在不需要時自動關(guān)閉。在大多數(shù)情況下讲竿,當(dāng)用戶點(diǎn)擊其邊界之外或選擇一個在浮層中的項(xiàng)目時泥兰,浮層應(yīng)該關(guān)閉。如果可以進(jìn)行多項(xiàng)選擇题禀,則浮層應(yīng)保持打開狀態(tài)鞋诗,直到用戶明確將其關(guān)閉。
防止誤關(guān)非模態(tài)彈出窗口
輕按屏幕的另一部分就會無意中關(guān)閉非模態(tài)浮層迈嘹,只有當(dāng)用戶點(diǎn)擊取消按鈕時才放棄次次操作削彬。
指向觸發(fā)位置
浮層箭頭應(yīng)該盡可能直接指向觸發(fā)它的元素,由于浮層不能移動秀仲,不應(yīng)該遮擋可能需要看到的基本內(nèi)容融痛,當(dāng)然也不應(yīng)該覆蓋觸發(fā)它元素。
一次顯示一個浮層
不要顯示一個級聯(lián)或?qū)哟谓Y(jié)構(gòu)神僵,例如其中一個從另一個彈出雁刷,顯示多個浮層會導(dǎo)致混亂。如果需要一個新的浮層保礼,請先關(guān)閉打開的那個沛励。
請勿在浮層上再展示一個模態(tài)視圖
除了彈窗责语,浮層中應(yīng)當(dāng)有任何模態(tài)視圖。
關(guān)閉現(xiàn)有的目派,才能打開新的
當(dāng)多個不同的按鈕會觸發(fā)不同浮層時坤候,避免額外的注釋很重要。
避免浮層太大
浮層不應(yīng)占用整個屏幕企蹭,只顯示足夠大的內(nèi)容并指向觸發(fā)元素白筹。要注意,系統(tǒng)可能會調(diào)整浮層的大小以確保它適合屏幕练对。
確保自定義浮層有浮層樣子
雖然可以定制浮層樣式吹害,但要避免用戶可能無法識別為浮層的設(shè)計。當(dāng)內(nèi)容包含標(biāo)準(zhǔn)控件和視圖時它呀,浮層往往最有效。
更改浮層大小時平滑過渡
一些浮層提供了相同信息下的視圖縮放纵穿,如果用戶需要調(diào)整浮層大小下隧,請使用動效平滑過渡谓媒,以避免給用戶一種新浮層替換舊浮層的印象。