ボタン

ボタンは、ユーザーがタッチしたときに発生するアクションを伝えます。

ボタンは、Androidオープンソースプロジェクト（AOSP）の標準コンポーネントです。ボタンは、単色の背景色で塗りつぶすことも、塗りつぶさない（透明な背景）こともできます。塗りつぶされたボタンは、主要なアクションまたは優先アクションを示します。ボタンは、常にグループで表示されるタブとは異なり、単独で表示することも、グループで表示することもできます。

解剖学

ボタンの解剖学
1. 空になったボタンコンテナ
2. 主要なアクションまたは優先アクションを示す、塗りつぶされたボタンコンテナ
3. ボタンラベル

仕様

ボタンの最小および最大の長さ

ボタンラベルの最大文字数は20文字です。ボタンの最小幅は156dpです。
ボタンラベルの最大文字数は20文字です。ボタンの最小幅は156dpです。

アイコン付きボタンとデフォルトボタン

ボタンにはアイコンを含めることができます。アイコンを含める場合、通常はボタンテキストの左側に表示されます。
ボタンにはアイコンを含めることができます。アイコンを含める場合、通常はボタンテキストの左側に表示されます。

ボタンは、アプリバーやダイアログなどの他のコンポーネントの要素として表示できます。

アプリバーのボタン配置

ボタンはアプリバーの右側に配置されます
ボタンはアプリ バーの右側に配置されます。

ダイアログ内のボタン

ダイアログ内のボタンは通常、ダイアログの左下にあります。
ダイアログ内のボタンは通常、ダイアログの左下側にあります。

ヒーローボタン

ヒーローボタンの丸いエッジはその重要性を強調します
丸みを帯びたエッジがヒーローボタンの重要性を強調します。

カスタマイズ

OEM は、次のようにボタンの外観を変更することで自社のブランドを反映できます。

  • アクセントカラーの指定
  • カスタムアイコンの提供
  • カスタムフォントの追加
  • アクティブ、非アクティブ、無効なボタンの外観を変更する
  • ボタンのサイズ、角の形状、配置を設定する
  • モーションを使用してユーザーにフィードバックを提供する

Car UI ライブラリ統合ガイドでは、コンポーネントをカスタマイズするための OEM ガイダンスを提供します。

例

塗りつぶされていないボタンと塗りつぶされたボタン
塗りつぶされていないボタンと塗りつぶされたボタン。塗りつぶされたボタンは主要なアクションを示します。
無効な塗りつぶしボタン
この塗りつぶされたボタンの色と不透明度は、無効な状態を示します。
未記入のボタンダイアログ
ダイアログ内の空欄のボタンは、同等の重みを持つアクションを示します。
ボタンの波紋モーションの持続時間
これらの波紋の動きは330ミリ秒持続し、ユーザーがボタンに触れたことを確認するために使用されます。
ボタンの波紋アニメーション
これらの波紋は、最初はボタン表面の60%を覆います。そして、ユーザーのタップから離れて広がり、ボタンの端から10dpのところで止まります。