版面配置和導覽模式

如果應用程式包含多個使用者可瀏覽的目的地,建議採用其他應用程式常用的版面配置和導覽配對。由於許多使用者已具備這些配對的心智模型,因此您的應用程式對他們來說會更加直覺。

版面配置和導覽配對

導覽列和強制回應導覽匣會做為上層布局檢視區塊和主要導覽目的地的主要導覽模式。

導覽列可容納三到五個導覽目的地,且這些目的地必須位於同一階層。這個元件會轉換為大型螢幕的導覽邊欄。

雖然導覽匣可容納超過五個導覽目的地,但這個模式不如導覽列理想。這是因為在緊湊尺寸下,需要觸及頂端列。

Material 3 分頁底部應用程式列是次要的導覽模式,可用於補充主要導覽或顯示在子檢視區塊中。

在這裡,分頁是次要導覽層,可將同層級內容分組。

版面配置動作

提供控制項,讓使用者完成動作。常見模式包括頂端動作列、懸浮動作按鈕 (FAB) 和選單。

對於最重要的動作,FAB 會提供醒目的大型按鈕供使用者點選。在這個層級,一次只能提供一個動作。懸浮動作按鈕 (FAB) 可以多種大小顯示,也能以展開形式呈現,其中包含標籤。使用 Scaffold 固定 FAB,確保即使捲動畫面,FAB 仍會顯示。

懸浮動作按鈕 (FAB),可讓使用者快速將植物新增至植物圖庫

您可以將次要動作放在頂端列中,或放在網頁中與相關內容分組的位置。

顯示詳細資料時,頂端列中的警示動作 (左側) 和清單項目內嵌的溢位圖示 (右側)

如需其他不常或不急需的動作,請將這些動作加入溢位選單。