キーパッドを使用すると、電話アプリで電話番号を入力できます。
構造
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-anatomy-1.png?authuser=0000&hl=ja)
2. 文字キーのラベル
仕様 - キーパッド
縦長画面のキーパッド
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-1.png?authuser=0000&hl=ja)
標準画面のキーパッド
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-2.png?authuser=0000&hl=ja)
短い画面のキーパッド
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-3.png?authuser=0000&hl=ja)
分割線付きキーパッド
![](https://developers.google.cn/cars/design/automotive-os/components/images/keywithdivider.png?authuser=0000&hl=ja)
スタイル
タイポグラフィ
書体のスタイル | 書体 | 重量 | サイズ(dp) |
---|---|---|---|
本文 1 | Roboto | 標準 | 32 |
サブタイトル 3 | Roboto | 標準 | 18 |
色
要素 | 色(日中モード) | カラー(夜間モード) |
---|---|---|
メインのタイプ / アイコン | White | 白人 @ 88% |
分割ライン | 白人 @ 22% | 白人 @ 12% |
サイズ調整
要素 | サイズ(dp) |
---|---|
3 つ目のアイコン | 24 |
タッチ ターゲット | 76 |
分割線の太さ | 1 |
動き
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-dialing.gif?authuser=0000&hl=ja)