タブ テンプレート

タブ テンプレートは、以下に示す他のテンプレートのコンテナとして機能し、上部にタブを提供します(タブ テンプレートの構造を参照)。

タブを使用してビューを切り替えることができます。この機能は、ユーザーが閲覧または検索するコンテンツやビューを整理する場合に特に便利です。

内容:

各タブビューは 1 つの埋め込みテンプレートに対応しており、任意の時点で有効にできるタブビューは 1 つのみです。

タブ テンプレートのワイヤーフレーム

タブ テンプレートの構造

タブ テンプレートのワイヤーフレーム(利用可能なすべての埋め込みテンプレートを含む)

タブ テンプレートは、次の要素で構成されています。

  1. タブバー: 最大 4 つのタブを表示できます。
  2. 埋め込みテンプレート。いずれかのテンプレート(リスト、グリッド、検索、ペイン、メッセージ、ナビゲーション)を使用

タブ テンプレートの例

リスト テンプレートが埋め込まれたタブ テンプレート
[すべてのデバイス] タブビューは、リスト テンプレートを含むタブ テンプレートを使用して作成される(Android Auto の例)
グリッド テンプレートが埋め込まれたタブ テンプレート
[ホームデバイス] タブビューは、グリッド テンプレートを含むタブ テンプレートを使用して作成されます(Android Auto の例)

タブ テンプレートの UX の要件

アプリ デベロッパー:

必須 各タブにモノクロのベクター アイコンを用意します。
必須 アプリのヘッダーにタブを 2 ~ 4 個含めます。
禁止 一度に複数のタブを有効にすることができます。
禁止 第 2 レベルのタブを追加して、セカンダリ ナビゲーションを作成します。
すべきである 切り捨てを避けるため、短いタブラベルを使用してください。
すべきでないこと 埋め込みテンプレートのヘッダーやアクション ストリップを使用します。