ボタングループは、ボタンのナビゲーション可能なコンテナを提供します。
原則
Action-Oriented: ラベルのグループではなく、操作可能なボタンが含まれています。
Containment: モーションとフォーカスでアクションをグループ化します。
柔軟: 複数のボタンタイプで構成できます。
使い方と配置
ボタン グループを使用して、複数のボタンを表示します。複数のボタンを表示する場合は、各ボタンを個別に配置するのではなく、ボタン グループ コンポーネントを使用します。
ボタン グループは、同じボタンの高さのボタンタイプの任意の組み合わせで構成できます。
すべきこと
すべきでないこと
ボタン グループは、カードやスタックなどの他の要素と組み合わせて、関連するアクションとして機能させることができます。
すべきこと
すべきでないこと
ボタン グループのレイアウトは、1 ～ 10 個のボタンを含み、包含またはオーバーフローできます。
A. Contained: ボタン グループがコンテナの幅に収まり、要素が切り取られることはありません。
B. オーバーフロー: ボタン グループの幅が、コンテナで使用可能なスペースよりも広くなっています。
すべきこと
すべきでないこと
フォーカス
初期フォーカスはデフォルトで左端のボタンに設定されますが、対称的なボタン グループの場合は中央に設定することもできます。
すべきこと
すべきでないこと
初期フォーカス要素に基づいて中央揃えされたボタン グループ。スワイプごとにフォーカスが移動します。すべてのボタンは表示され、中央に配置されたレイアウトに含まれるべきであるため、オーバーフロー レイアウトの使用は避けてください。
左揃えのボタン グループ レイアウトには、端から 44 dp の開始マージンと終了マージンが含まれます。ボタンは、スワイプの 3 ステップで中央にスムーズにスクロールし、スライドするにつれて加速します。
解剖学
ボタングループは、任意のタイプで高さが一定の 1 ～ 10 個のボタンをグループ化するコンテナ コンポーネントです。ボタンについて詳しくは、ボタンに関するガイダンスをご覧ください。
カスタマイズ
ボタン グループ セットは、同じボタンの高さのボタンタイプを任意に組み合わせて構成できます。
| プロパティ | カスタマイズ | デフォルト |
|---|---|---|
| 当初のフォーカス | はい | 0 |