タブ テンプレートは、以下に示す他のテンプレートのコンテナとして機能し、上部にタブを提供します(タブ テンプレートの構造を参照)。
タブを使用してビューを切り替えることができます。この機能は、ユーザーが閲覧または検索するコンテンツやビューを整理する場合に特に便利です。
内容:
各タブビューは 1 つの埋め込みテンプレートに対応しており、任意の時点で有効にできるタブビューは 1 つのみです。
![タブ テンプレートのワイヤーフレーム](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=5&hl=ja)
タブ テンプレートの構造
![タブ テンプレートのワイヤーフレーム(利用可能なすべての埋め込みテンプレートを含む)](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=5&hl=ja)
タブ テンプレートは、次の要素で構成されています。
- タブバー: 最大 4 つのタブを表示できます。
- 埋め込みテンプレート。いずれかのテンプレート(リスト、グリッド、検索、ペイン、メッセージ、ナビゲーション)を使用
タブ テンプレートの例
![リスト テンプレートが埋め込まれたタブ テンプレート](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=5&hl=ja)
![グリッド テンプレートが埋め込まれたタブ テンプレート](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=5&hl=ja)
タブ テンプレートの UX の要件
アプリ デベロッパー:
必須 | 各タブにモノクロのベクター アイコンを用意します。 |
必須 | アプリのヘッダーにタブを 2 ~ 4 個含めます。 |
禁止 | 一度に複数のタブを有効にすることができます。 |
禁止 | 第 2 レベルのタブを追加して、セカンダリ ナビゲーションを作成します。 |
すべきである | 切り捨てを避けるため、短いタブラベルを使用してください。 |
すべきでないこと | 埋め込みテンプレートのヘッダーやアクション ストリップを使用します。 |