タブ テンプレート
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
タブ テンプレートは、以下に示す他のテンプレートのコンテナとして機能し、上部にタブを提供します(タブ テンプレートの構造を参照)。
タブを使用してビューを切り替えることができます。この機能は、ユーザーが閲覧または検索するコンテンツやビューを整理する場合に特に便利です。
内容:
- アプリアイコンと最大 4 つのタブを含むタブバー(戻るボタンなし)
- 埋め込みテンプレート。次のいずれかのタイプを使用できます。
各タブビューは 1 つの埋め込みテンプレートに対応しており、任意の時点で有効にできるタブビューは 1 つのみです。
タブ テンプレートの構造
タブ テンプレートは、次の要素で構成されています。
- タブバー: 最大 4 つのタブを表示できます。
- 埋め込みテンプレート。いずれかのテンプレート(リスト、グリッド、検索、ペイン、メッセージ、ナビゲーション)を使用
タブ テンプレートの例
[すべてのデバイス] タブビューは、リスト テンプレートを含むタブ テンプレートを使用して作成される(Android Auto の例)
[ホームデバイス] タブビューは、グリッド テンプレートを含むタブ テンプレートを使用して作成されます(Android Auto の例)
タブ テンプレートの UX の要件
アプリ デベロッパー:
必須 |
各タブにモノクロのベクター アイコンを用意します。 |
必須 |
アプリのヘッダーにタブを 2 ~ 4 個含めます。 |
禁止 |
一度に複数のタブを有効にすることができます。 |
禁止 |
第 2 レベルのタブを追加して、セカンダリ ナビゲーションを作成します。 |
すべきである |
切り捨てを避けるため、短いタブラベルを使用してください。 |
すべきでないこと |
埋め込みテンプレートのヘッダーやアクション ストリップを使用します。 |
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-07-25 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-07-25 UTC。"],[],[]]