เมื่อกำหนดลำดับของเทมเพลตสำหรับงานของแอปแล้ว คุณจะปรับแต่งเนื้อหาของแต่ละเทมเพลตและการจัดรูปแบบบางอย่างสำหรับแอปได้
ดูว่าคุณปรับแต่งการออกแบบภาพโดยรวมด้านใดบ้างได้ในการปรับแต่งการออกแบบภาพ ซึ่งมีตัวอย่างการปรับแต่งแอป สำหรับแอปเวอร์ชัน AAOS โปรดทราบว่า OEM ยานพาหนะสามารถปรับสไตล์ให้เข้ากับยานพาหนะของตนได้ ดังที่แสดงในตัวอย่างการปรับแต่ง OEM ยานพาหนะ
ดูข้อมูลเกี่ยวกับตัวเลือกการปรับแต่งสำหรับเทมเพลตเฉพาะที่เทมเพลต
การปรับแต่งการออกแบบภาพ
ในขณะที่คลังแอปเป็นตัวกำหนดเลย์เอาต์ของเทมเพลตและการจัดรูปแบบเริ่มต้น ทั้งนักออกแบบแอปและ OEM ยานพาหนะต่างก็มีส่วนในการออกแบบภาพในแง่มุมที่กำหนดเอง
| ลักษณะของ UI | สิ่งที่ไลบรารีระบุ | สิ่งที่แอปกำหนดหรือปรับแต่ง | สิ่งที่ OEM ยานพาหนะปรับแต่งได้ |
|---|---|---|---|
| รูปภาพและสัญลักษณ์ | ไอคอนสำหรับองค์ประกอบมาตรฐาน เช่น ปุ่มย้อนกลับและไอคอนหมุนของการโหลด | แอปมีรูปภาพและภาพสัญลักษณ์ทั้งหมด (ดูไอคอนสื่อการสอนและข้อกำหนดสำหรับไอคอน Google Play) ยกเว้นตามที่ระบุไว้ทางด้านซ้าย | |
| เลย์เอาต์ การปรับขนาด และรูปร่าง | เลย์เอาต์เริ่มต้น รวมถึงขนาดและรูปร่างขององค์ประกอบทั้งหมด (ค่าเริ่มต้นจะเป็นแบบมาตรฐานในแอปเวอร์ชัน Android Auto) |
|
การปรับขนาด รูปร่าง ตำแหน่งของปุ่ม และสัดส่วนขององค์ประกอบเทมเพลตในแอปเวอร์ชัน AAOS (หรือขนาดที่แน่นอนของรูปภาพและไอคอน "ใหญ่" และ "เล็ก" ในยานพาหนะ) |
| การพิมพ์และความยาวของข้อความ | ชุดแบบอักษรและขนาดในแอปเวอร์ชัน Android Auto (ดูการพิมพ์) | สตริงข้อความรูปแบบต่างๆ ที่ยาวขึ้นและสั้นลง ในบางกรณี เพื่อรองรับปริมาณพื้นที่ที่แตกต่างกันบนหน้าจอของรถยนต์แต่ละรุ่น | ชุดแบบอักษรและขนาดในแอปเวอร์ชัน AAOS |
| สี | สีเริ่มต้นในแอปเวอร์ชัน Android Auto (ยกเว้นสีที่แอปมีให้ สังเกตทางขวา) | สีของเครื่องหมายรายการสถานที่ องค์ประกอบข้อความบางอย่าง และสีพื้นหลังบางส่วน (ดูข้อมูลเพิ่มเติมในส่วนถัดไป การปรับแต่งสี) | การปรับสีเริ่มต้นและสีที่แอประบุให้ตามความจำเป็นเพื่อกลมกลืนกับ UI ของยานพาหนะในแอปเวอร์ชัน AAOS |
การปรับแต่งสี
แอปสามารถระบุสีสำหรับองค์ประกอบของเทมเพลตบางรายการได้ ตามที่ระบุไว้ในรายการต่อไปนี้ สำหรับแอปเวอร์ชัน AAOS ทาง OEM ของยานพาหนะจะปรับเปลี่ยนบางอย่างได้
แอปสามารถปรับแต่งสิ่งต่อไปนี้
- สีข้อความในบรรทัดรองของรายการ แถว (ผู้ผลิตรถยนต์ควบคุมสีของบรรทัดหลักสำหรับ AAOS)
- สีข้อความของปุ่ม
- สีพื้นหลังของปุ่ม (ยกเว้นบนแถบการทำงานและแถบการทำงานของแผนที่)
- สีของเครื่องหมายในรายการสถานที่
- องค์ประกอบการ์ดการกำหนดเส้นทาง: สีพื้นหลัง รูปภาพ และสีของค่าระยะเวลาในค่าประมาณการเดินทาง (ภายในข้อกำหนดเทมเพลตการนำทาง)
- การแจ้งเตือนแบบเลี้ยวต่อเลี้ยว (สีพื้นหลัง)
ตัวอย่างคอมโพเนนต์เทมเพลตที่กำหนดเองแสดงอยู่ในตัวอย่างการปรับแต่งแอปและตัวอย่างการปรับแต่ง OEM ยานพาหนะ
เลือกสีให้แอป
สำหรับการจัดรูปแบบที่กำหนดเองส่วนใหญ่ (นอกเหนือจากข้อยกเว้นที่ระบุไว้ในส่วนก่อนหน้านี้) แอปจะมีตัวเลือกสีดังต่อไปนี้
- ระบุสีเฉพาะจุดที่กำหนดเองสูงสุด 2 สี (เลือกสีอ่อนและสีเข้ม จะเลือกใช้ตามความเหมาะสมโดย Android Auto หรือโดย OEM ยานพาหนะสำหรับแอปเวอร์ชัน AAOS)
- เลือกสี Android สำหรับรถยนต์แบบมาตรฐาน 4 สี (เวอร์ชันปัจจุบันจะแสดงทางด้านขวา ซึ่งอาจมีการเปลี่ยนแปลงในอนาคต)
| สีมาตรฐาน | ตัวอย่างสีเฉพาะจุด |
|---|---|
|
|
การใช้สีอย่างเหมาะสมจะช่วยให้โฟกัสในการออกแบบมากขึ้น โปรดระมัดระวังในการใช้สี เมื่อสีไม่แสดงฟังก์ชัน
ตัวอย่างการปรับแต่งแอป
ตัวอย่างการปรับแต่ง OEM ยานพาหนะ
ตัวอย่างเหล่านี้แสดงให้เห็นถึงการปรับแต่งรูปแบบเพิ่มเติมที่ OEM ยานพาหนะอาจนำไปใช้กับแอปเวอร์ชัน AAOS แม้ว่าสีของการ์ดการกำหนดเส้นทางจะมาจากแอป แต่ OEM ยานพาหนะจะปรับแต่งแบบอักษร ธีม และรูปร่างสำหรับการ์ดการกำหนดเส้นทาง ปุ่ม และการ์ด ETA และยังปรับความกว้างของปุ่มได้ด้วยดังที่แสดงในปรับแต่งปุ่มด้านล่าง
มุมมองการนำทางตอนกลาง
มุมมองการนำทางตอนกลางคืน
ปรับแต่งความกว้าง สี และรูปร่างของปุ่ม
ตัวอย่างเหล่านี้จะไฮไลต์วิธีที่ OEM ปรับแต่งความกว้าง สี และรูปร่างของปุ่มในแอปเวอร์ชัน AAOS
สำหรับปุ่มที่แอปกำหนดให้เป็น ปุ่มหลัก OEM จะตัดสินใจได้ว่าจะใช้สีเฉพาะจุดของแอปหรือสีเฉพาะจุดของตัวเอง นอกจากนี้ ผู้ใช้ยังเลือกได้ว่าจะวางปุ่มหลักทางซ้ายหรือขวา สำหรับสถานการณ์ต่างๆ เช่น ยานพาหนะที่ใช้ระบบพวงมาลัยขวามือ
| ปุ่มหลักทางด้านซ้าย สีมาตรฐาน | ปุ่มหลักอยู่ด้านขวา สีที่กำหนดเอง |
|---|---|
|
|