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