Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
版面配置和導覽模式
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
如果應用程式包含多個使用者可瀏覽的目的地,建議採用其他應用程式常用的版面配置和導覽配對。由於許多使用者已具備這些配對的心智模型,因此您的應用程式對他們來說會更加直覺。
版面配置和導覽配對
導覽列和強制回應導覽匣會做為上層布局檢視區塊和主要導覽目的地的主要導覽模式。
導覽列可容納三到五個導覽目的地,且這些目的地必須位於同一階層。這個元件會轉換為大型螢幕的導覽邊欄。
雖然導覽匣可容納超過五個導覽目的地,但這個模式不如導覽列理想。這是因為在緊湊尺寸下,需要觸及頂端列。
版面配置動作
提供控制項,讓使用者完成動作。常見模式包括頂端動作列、懸浮動作按鈕 (FAB) 和選單。
對於最重要的動作,FAB 會提供醒目的大型按鈕供使用者點選。在這個層級,一次只能提供一個動作。懸浮動作按鈕 (FAB) 可以多種大小顯示,也能以展開形式呈現,其中包含標籤。使用 Scaffold 固定 FAB,確保即使捲動畫面,FAB 仍會顯示。
懸浮動作按鈕 (FAB),可讓使用者快速將植物新增至植物圖庫
您可以將次要動作放在頂端列中,或放在網頁中與相關內容分組的位置。
顯示詳細資料時,頂端列中的警示動作 (左側) 和清單項目內嵌的溢位圖示 (右側)
如需其他不常或不急需的動作,請將這些動作加入溢位選單。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2026-05-02 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2026-05-02 (世界標準時間)。"],[],[]]