タブ テンプレート

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

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

内容:

  • アプリアイコンと最大 4 つのタブを含むタブバー([戻る] ボタンなし)
  • 埋め込みテンプレート。次のいずれかのタイプになります。

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

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

タブ テンプレートの構造

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

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

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

タブ テンプレートの例

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

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

アプリ デベロッパー:

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