ปุ่มจะสื่อสารการดำเนินการที่จะเกิดขึ้นเมื่อผู้ใช้แตะปุ่ม
ปุ่มต่างๆ คือคอมโพเนนต์โครงการโอเพนซอร์ส Android (AOSP) มาตรฐาน โดยอาจเติมเป็นสีพื้นหลังสีทึบหรือไม่เติมสีก็ได้ (โดยมีพื้นหลังโปร่งใส) ปุ่มที่มีสีทึบหมายถึงการทำงานหลักหรือการทำงานที่ต้องการ ปุ่มต่างๆ อาจปรากฏแยกกันหรือปรากฏเป็นกลุ่มได้ ซึ่งต่างจากแท็บซึ่งจะปรากฏเป็นกลุ่มเสมอ
กายวิภาคศาสตร์
![กายวิภาคของกระดุม](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?hl=th)
2. คอนเทนเนอร์ปุ่มที่มีการเติมโฆษณา ซึ่งระบุการดำเนินการหลักหรือการดำเนินการที่ต้องการ
3. ป้ายกำกับปุ่ม
ข้อกำหนด
ความยาวต่ำสุดและสูงสุดของปุ่ม
![ป้ายกำกับปุ่มมีความยาวได้สูงสุด 20 อักขระ ความกว้างขั้นต่ำของปุ่มคือ 156dp](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?hl=th)
ปุ่มที่มีไอคอนกับปุ่มเริ่มต้น
![ปุ่มจะมีไอคอนได้ เมื่อรวมไว้แล้ว ไอคอนมักจะปรากฏอยู่ทางด้านซ้ายของข้อความปุ่ม](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?hl=th)
ปุ่มจะปรากฏเป็นองค์ประกอบในคอมโพเนนต์อื่นๆ ได้ เช่น แถบแอปหรือกล่องโต้ตอบ
ตำแหน่งของปุ่มในแถบแอป
![ปุ่มอยู่ที่ด้านขวาของแถบแอป](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?hl=th)
ปุ่มในกล่องโต้ตอบ
![ปุ่มในกล่องโต้ตอบมักอยู่ที่ด้านล่างซ้ายของกล่องโต้ตอบ](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?hl=th)
ปุ่มหลัก
![ขอบมนของปุ่มหลักเน้นให้เห็นความสำคัญของปุ่มหลัก](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?hl=th)
การปรับแต่งช่อง
OEM สามารถสะท้อนถึงแบรนด์ของตนโดยการปรับเปลี่ยนลักษณะที่ปรากฏของปุ่ม เช่น
- การระบุสีเฉพาะจุด
- การระบุไอคอนที่กำหนดเอง
- การเพิ่มแบบอักษรที่กำหนดเอง
- การเปลี่ยนลักษณะของปุ่มที่ใช้งาน ไม่มีการใช้งาน และปุ่มปิดใช้อยู่
- การตั้งค่าขนาดของปุ่ม รูปทรงของมุม และตำแหน่ง
- การใช้การเคลื่อนไหวในการแสดงความคิดเห็นแก่ผู้ใช้
คู่มือการผสานรวมไลบรารี UI ของรถจะให้คําแนะนํา OEM สําหรับการปรับแต่งคอมโพเนนต์
ระบบการออกแบบให้คำแนะนำที่เฉพาะเจาะจงสำหรับการใช้เลย์เอาต์ สี การพิมพ์ การปรับขนาด รูปร่าง และการเคลื่อนไหวเพื่อปรับแต่งคอมโพเนนต์
ตัวอย่าง
![ปุ่มที่ไม่ได้รับและที่มีสี](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?hl=th)
![ปิดใช้งานปุ่มที่กรอกแล้ว](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?hl=th)
![กล่องโต้ตอบของปุ่มที่ไม่ได้รับโฆษณา](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?hl=th)
![ระยะเวลาการเคลื่อนไหวของปุ่ม](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?hl=th)
![ภาพเคลื่อนไหวแบบกระเพื่อมของปุ่ม](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?hl=th)