分頁範本可做為下列其他範本的容器使用,並在頂端提供分頁 (如分頁範本剖析所示)。
這些分頁可讓您切換檢視模式。如果要整理使用者想瀏覽或搜尋的內容或檢視畫面,這項功能就特別實用。
包含:
每個分頁檢視畫面都會對應至一個內嵌範本,且在任何特定時間內只能啟用一個分頁檢視畫面。
![分頁範本的線框](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=8&hl=zh-tw)
分頁範本剖析
![分頁範本的線框,包括所有可能的內嵌範本](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=8&hl=zh-tw)
分頁範本包含下列元素:
- 分頁列:最多可顯示 4 個分頁
- 內嵌範本,使用下列其中一個範本:清單、格線、搜尋、窗格、訊息或導覽
分頁範本範例
![含有內嵌清單範本的分頁範本](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=8&hl=zh-tw)
![含有內嵌格線範本的分頁範本](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=8&hl=zh-tw)
分頁範本使用者體驗規定
應用程式開發人員:
必須 | 為每個分頁標籤提供單色向量圖示。 |
必須 | 在應用程式標題中至少包含 2 個分頁,最多 4 個分頁。 |
不得 | 一次啟用多個分頁。 |
不得 | 新增第二層分頁,建立次要導覽面板。 |
建議 | 使用簡短的 Tab 標籤,以免截斷內容。 |
錯誤做法 | 仰賴內嵌範本的標題或動作列。 |