ปุ่มกดช่วยให้ผู้ใช้ป้อนหมายเลขโทรศัพท์ในโทรศัพท์ได้
กายวิภาคศาสตร์
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-anatomy-1.png?authuser=3&hl=th)
2. ป้ายกำกับคีย์ตัวอักษร
ข้อกำหนด - ปุ่มกด
ปุ่มกดในหน้าจอสูง
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-1.png?authuser=3&hl=th)
ปุ่มกดในหน้าจอมาตรฐาน
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-2.png?authuser=3&hl=th)
ปุ่มกดในหน้าจอแบบสั้น
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-3.png?authuser=3&hl=th)
ปุ่มกดมีตัวแบ่ง
![](https://developers.google.cn/cars/design/automotive-os/components/images/keywithdivider.png?authuser=3&hl=th)
รูปแบบ
การพิมพ์
รูปแบบของประเภท | ลักษณะแบบอักษร | น้ำหนัก | ขนาด (dp) |
---|---|---|---|
เนื้อความ 1 | Roboto | ปกติ | 32 |
คำบรรยาย 3 | Roboto | ปกติ | 18 |
สี
องค์ประกอบ | สี(โหมดวัน) | สี (โหมดกลางคืน) |
---|---|---|
ประเภท / ไอคอนหลัก | สีขาว | สีขาว @ 88% |
เส้นแบ่ง | สีขาว @ 22% | สีขาว @ 12% |
ขนาด
องค์ประกอบ | ขนาด (dp) |
---|---|
ไอคอนลำดับสาม | 24 |
เป้าหมายการสัมผัส | 76 |
ความหนาของเส้นแบ่ง | 1 |
การเคลื่อนไหว
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-dialing.gif?authuser=3&hl=th)