จัดเรียงเป็นชั้น (แนวตั้ง)

เมื่อผู้ใช้เข้าไปในรถยนต์ที่มีหน้าจอขนาดใหญ่ พวกเขาคาดหวังการเปลี่ยนผ่านที่ราบรื่นระหว่างงานที่ซับซ้อนต่างๆ ระบบปฏิบัติการ Android Automotive OS (AAOS) จึงมี เฟรมเวิร์กแบบเลเยอร์ ซึ่งได้รับการปรับแต่งมาโดยเฉพาะสำหรับจอแสดงผลขนาดใหญ่ในแนวตั้ง เพื่อตอบสนองความต้องการเหล่านี้ โดยเริ่มตั้งแต่ Android 14 เป็นต้นไป

โมเดลแบบเลเยอร์ถูกสร้างขึ้นเพื่อการทำงานหลายอย่างพร้อมกันบนหน้าจอขนาดใหญ่ โดยจะแตกต่างจากโมเดลแอปแบบเต็มหน้าจอทั่วไป และใช้สถาปัตยกรรม "เลเยอร์พื้นฐาน" ที่ช่วยให้การนำทางคงที่และมองเห็นได้ตลอดเวลา

ด้วย Scalable UI คุณสามารถเปิดใช้งานไดรเวอร์เพื่อดำเนินการดังต่อไปนี้:

• ใช้งานแอปต่างๆ ได้ขณะเดินทาง: ช่วยให้ผู้ขับขี่รักษาระตำแหน่งและทิศทางบนแอปนำทางไปพร้อมๆ กับการเรียกดูแอปสื่อต่างๆ ได้ในเวลาเดียวกัน
• ทำงานหลายอย่างพร้อมกันด้วยแอปที่อยู่ด้านบน: เปิดแอปโทรศัพท์หรือแอปมีเดียโดยตรงบนแผนที่ มุมมองการนำทางจะย่อขนาดลงโดยอัตโนมัติเพื่อให้เส้นทางยังคงมองเห็นได้ในขณะที่ผู้ขับขี่ใช้งานแอป
• ปรับแต่งประสบการณ์การใช้งานด้วยวิดเจ็ต: มอบวิดเจ็ตที่เป็นประโยชน์ซึ่งเข้าถึงได้ง่ายระหว่างการขับขี่ให้แก่ผู้ขับขี่

แบบจำลองเชิงพื้นที่: หลักการทำงานของเลเยอร์

หน้าจอหลักถูกจัดเรียงเป็นลำดับชั้นของเลเยอร์คงที่และเลเยอร์เปลี่ยนแปลงได้:

• เลเยอร์พื้นหลัง: เลเยอร์นี้แสดงแอปพลิเคชันพื้นหลังที่มองเห็นได้ ในภาพแนวตั้ง เลเยอร์นี้ถูกกำหนดให้เป็นแอปพลิเคชันนำทาง
• ชั้นแอป: ชั้นนี้เป็นที่เก็บแอปเสริมเพื่อให้ผู้ใช้สามารถทำงานหลายอย่างพร้อมกันได้ในขณะที่ยังคงเห็นแผนที่ เมื่อเปิดแอป แอปนำทางจะปรับขนาดเนื้อหาเพื่อให้แน่ใจว่าผู้ใช้ยังคงสามารถโต้ตอบกับแอปนำทางได้ในขณะที่ทำงานหลายอย่างพร้อมกัน
• ส่วนควบคุมสื่อและเสียง: เลเยอร์นี้ประกอบด้วยวิดเจ็ตสื่อและส่วนควบคุมการเรียกดูพื้นฐาน วิดเจ็ตเครื่องเล่นสื่อมีส่วนควบคุมการเรียกดูและการเล่นในตัว เพื่อลดความจำเป็นที่ผู้ใช้จะต้องสลับแอป
• ชั้น UI ของระบบ: ชั้นนี้มีความสำคัญสูงสุดเพื่อให้เข้าถึงการควบคุมระดับระบบได้อย่างต่อเนื่อง ชั้นนี้ประกอบด้วยแถบสถานะที่ด้านบนของหน้าจอและแถบนำทางที่ด้านล่าง ซึ่งล้อมรอบเนื้อหาแบบโต้ตอบ

องค์ประกอบ UI ของระบบที่จำเป็น

โครงสร้างแบบหลายชั้นนี้ประกอบด้วยองค์ประกอบถาวรเหล่านี้ ซึ่งเป็นจุดเริ่มต้นที่สะดวกสำหรับไดรเวอร์:

คำแนะนำด้านการออกแบบ

คุณสามารถปรับแต่งดีไซน์ให้สะท้อนถึงแบรนด์ของคุณได้ พร้อมทั้งได้รับประโยชน์จากความสะดวกในการใช้งานและความปลอดภัยที่ได้รับการออกแบบไว้ล่วงหน้า

1. ปรับให้เหมาะสมเพื่อให้เข้าถึงได้ง่าย

   โครงสร้างนี้ได้รับการออกแบบโดยคำนึงถึง "เส้นโค้งการเข้าถึง" จัดวางฟังก์ชันการใช้งานที่ใช้บ่อยไว้ใกล้กับผู้ขับขี่เพื่อเพิ่มความสะดวกในการใช้งานและการยึดติดทางกายภาพ

2. เปิดใช้งานการทำงานหลายอย่างพร้อมกันอย่างปลอดภัย

   ผู้ขับขี่ควรสามารถทำงานหลายอย่างพร้อมกันได้โดยมีการรบกวนน้อยที่สุด ใช้โมเดลแบบแบ่งชั้นเพื่อให้มั่นใจว่าการควบคุมสื่อและการนำทางสามารถเข้าถึงได้เสมอ ลดความจำเป็นในการเข้าไปในเมนูที่ซับซ้อนหรือสลับแอปบ่อยๆ

3. จัดการข้อมูลและธีม

   • การปรับธีม: ใช้ธีมสีเข้มในสภาพแสงน้อยเพื่อลดแสงสะท้อน และใช้ธีมสีอ่อนเมื่ออยู่กลางแดดจัด
   • การแยกแอปพลิเคชัน: แนวทางปฏิบัติที่ดีที่สุดแนะนำให้เรียกใช้แอปพลิเคชันที่แยกกันบนเลเยอร์ฐานและเลเยอร์บนสุด—อย่าเรียกใช้แอปพลิเคชันเดียวกันบนทั้งสองเลเยอร์พร้อมกัน