分頁範本

分頁範本可做為下列其他範本的容器使用,並在頂端提供分頁 (如分頁範本剖析所示)。

這些分頁可讓您切換檢視模式。如果要整理使用者想瀏覽或搜尋的內容或檢視畫面,這項功能就特別實用。

包含:

每個分頁檢視畫面都會對應至一個內嵌範本,且在任何特定時間內只能啟用一個分頁檢視畫面。

分頁範本的線框

分頁範本剖析

分頁範本的線框,包括所有可能的內嵌範本

分頁範本包含下列元素:

  1. 分頁列:最多可顯示 4 個分頁
  2. 內嵌範本,使用下列其中一個範本:清單、格線、搜尋、窗格、訊息或導覽

分頁範本範例

含有內嵌清單範本的分頁範本
系統會使用內含清單範本的分頁範本 (Android Auto 範例) 建立「所有裝置」分頁檢視畫面
含有內嵌格線範本的分頁範本
系統會使用含有格線範本的分頁範本建立「住宅裝置」分頁檢視畫面 (Android Auto 範例)

分頁範本使用者體驗規定

應用程式開發人員

必須 為每個分頁標籤提供單色向量圖示。
必須 在應用程式標題中至少包含 2 個分頁,最多 4 個分頁。
不得 一次啟用多個分頁。
不得 新增第二層分頁,建立次要導覽面板。
建議 使用簡短的 Tab 標籤,以免截斷內容。
錯誤做法 仰賴內嵌範本的標題或動作列。