浮出層作為一種臨時視圖,會在用戶點擊控件或特定區(qū)域時觸發(fā),高于其他頁面層級。通常,浮出層包括指向它出現(xiàn)位置的箭頭。它可以是非模態(tài)(羅列信息)或是模態(tài)(進行信息操作)。非模態(tài)浮層通過點擊屏幕的另一部分或浮層按鈕來關閉;模態(tài)浮層通過點擊取消或其他按鈕即可解除浮層。
浮出層在大屏設備上最合適,可以包含各種元素,包括導航欄、工具欄、制表符欄、集合視圖、表格、圖像、地圖和自定義視圖。當一個浮層可見時,其他視圖交互通常被禁用,直到浮層關閉。使用彈窗顯示與屏幕內容相關的選項或信息。例如,當用戶點擊按鈕操作時,許多 iPad 應用會顯示一個共享選項。

避免在 iPhone 顯示浮層
一般來說,浮出層應該保留在 iPad 應用中使用。在 iPhone 應用中,在全屏模式視圖中呈現(xiàn)信息,而不是在浮層中,利用所有可用的屏幕空間。
包含關閉按鈕
應包含關閉按鈕,例如 取消、完成??梢允橇硪环N形式,例如退出或不保存更改。一般來說,浮層應在不需要時自動關閉。在大多數(shù)情況下,當用戶點擊其邊界之外或選擇一個在浮層中的項目時,浮層應該關閉。如果可以進行多項選擇,則浮層應保持打開狀態(tài),直到用戶明確將其關閉。
防止誤關非模態(tài)彈出窗口
輕按屏幕的另一部分就會無意中關閉非模態(tài)浮層,只有當用戶點擊取消按鈕時才放棄次次操作。
指向觸發(fā)位置
浮層箭頭應該盡可能直接指向觸發(fā)它的元素,由于浮層不能移動,不應該遮擋可能需要看到的基本內容,當然也不應該覆蓋觸發(fā)它元素。
一次顯示一個浮層
不要顯示一個級聯(lián)或層次結構,例如其中一個從另一個彈出,顯示多個浮層會導致混亂。如果需要一個新的浮層,請先關閉打開的那個。
請勿在浮層上再展示一個模態(tài)視圖
除了彈窗,浮層中應當有任何模態(tài)視圖。
關閉現(xiàn)有的,才能打開新的
當多個不同的按鈕會觸發(fā)不同浮層時,避免額外的注釋很重要。
避免浮層太大
浮層不應占用整個屏幕,只顯示足夠大的內容并指向觸發(fā)元素。要注意,系統(tǒng)可能會調整浮層的大小以確保它適合屏幕。
確保自定義浮層有浮層樣子
雖然可以定制浮層樣式,但要避免用戶可能無法識別為浮層的設計。當內容包含標準控件和視圖時,浮層往往最有效。
更改浮層大小時平滑過渡
一些浮層提供了相同信息下的視圖縮放,如果用戶需要調整浮層大小,請使用動效平滑過渡,以避免給用戶一種新浮層替換舊浮層的印象。