ข้อความโทสต์คือข้อความที่ให้ข้อมูลสั้นๆ ที่แอปแสดงเป็นเวลาสั้นๆ บริเวณด้านล่างของหน้าจอ
แสดงข้อความโทสต์ได้ครั้งละ 1 รายการเท่านั้น ข้อความโทสต์บอกให้ผู้ใช้ทราบเกี่ยวกับการดำเนินการที่แอปได้ทำหรือจะทำ ผู้ใช้ไม่ต้องดำเนินการใดๆ หรือตอบสนอง หลังจากผ่านไป 8 วินาที ข้อความโทสต์จะหายไปโดยอัตโนมัติ
ข้อความโทสต์เกี่ยวข้องกับกล่องโต้ตอบ (และอยู่ในกลุ่มคอมโพเนนต์ของกล่องโต้ตอบ) แต่มีจุดประสงค์และลำดับความสำคัญต่างกัน ดังที่แสดงด้านล่าง
ส่วนประกอบ | Purpose | ลำดับความสำคัญ |
Toast | แสดงข้อความที่ให้ข้อมูล ไม่ต้องใช้การโต้ตอบของผู้ใช้ จะหายไปหลังจากผ่านไป 8 วินาที | ต่ำ |
กล่องโต้ตอบ | แสดงข้อมูลและตัวเลือกงานที่ต้องใช้การโต้ตอบของผู้ใช้ กล่องโต้ตอบจะรักษาโฟกัสไว้จนกว่าผู้ใช้จะตอบสนอง | สูง |
กายวิภาคศาสตร์
ข้อความโทสต์จะปรากฏขึ้นชั่วครู่ด้านหน้าเนื้อหาอื่นๆ บนหน้าจอ ซึ่งประกอบด้วยพื้นหลังและข้อความ
![รูปภาพคอมโพเนนต์ข้อความโทสต์ซึ่งมีข้อความไฮไลต์เป็นตัวเลขบนพื้นหลังและข้อความ](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_anatomy_rev.png?authuser=19&hl=th)
2. พื้นที่ข้อความโทสต์
ข้อกำหนด
ข้อความโทสต์ – ระยะห่างจากขอบรอบๆ ข้อความ
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_specs.png?authuser=19&hl=th)
ข้อความโทสต์ – ตำแหน่งด้านล่างบนหน้าจอ
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_specs_2.png?authuser=19&hl=th)
การปรับแต่งช่อง
OEM ปรับแต่งรูปลักษณ์ของขนมปังปิ้งให้สะท้อนถึงแบรนด์ของตนเองได้โดยทำดังนี้
- การจัดทำแบบอักษรที่กำหนดเอง
- การเปลี่ยนขนาดและตำแหน่งของข้อความโทสต์
ระบบการออกแบบให้คำแนะนำในการปรับแต่งคอมโพเนนต์โดยใช้เลย์เอาต์ การพิมพ์ และการปรับขนาด
ตัวอย่าง
รูปแบบข้อความโทสต์
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_example_rev.png?authuser=19&hl=th)
ตำแหน่งข้อความโทสต์ (ใกล้ด้านล่างของหน้าจอ)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_example_2_rev.png?authuser=19&hl=th)