ตั้งแต่วันที่ 27 มีนาคม 2025 เป็นต้นไป เราขอแนะนำให้ใช้ android-latest-release
แทน aosp-main
เพื่อสร้างและมีส่วนร่วมใน AOSP โปรดดูข้อมูลเพิ่มเติมที่หัวข้อการเปลี่ยนแปลงใน AOSP
ภาคผนวก ข. การปรับแต่ง
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
คุณต้องปฏิบัติตามข้อกำหนดที่อธิบายไว้ด้านล่างเพื่อให้การปรับแต่ง UI ของรถยนต์ทำงานได้ตามที่ต้องการ
ทั่วไป
ขีดจํากัดในส่วนนี้จะมีผลจริงไม่ว่าเลย์เอาต์จะเป็นอย่างไร
ธาตุ |
คำอธิบาย |
---|
การพิมพ์ |
|
คอนทราสต์ |
- ความคมชัดระหว่างพื้นหน้า (ข้อความ) กับพื้นหลังต้องอยู่ที่ 4.5:1 เป็นอย่างน้อย
- คอนทราสต์ระหว่างสีปุ่มกับพื้นหลังต้องอยู่ที่ 3:1 เป็นอย่างน้อย
- คอนทราสต์ของสถานะที่เลือกของแท็บกับพื้นหลังต้องอยู่ที่ 4.5:1 เป็นอย่างน้อย
- คอนทราสต์ของสถานะที่เลือกแท็บกับสถานะที่ไม่ได้เลือกต้องอยู่ที่ 3:1 เป็นอย่างน้อย
|
อื่นๆ |
- ไอคอนทั้งหมดต้องเป็นภาพเวกเตอร์ที่วาดได้
- เป้าหมายการสัมผัสต้องมีความกว้างอย่างน้อย 76 dp
- ค่าคงที่การเว้นวรรคต้องปรากฏตามลําดับจากมากไปน้อย เช่น
car_ui_padding_0 > car_ui_padding_1 >
car_ui_padding_2
|
คอมโพเนนต์
ค่าที่ระบุไว้ด้านล่างใช้กับคอมโพเนนต์ที่เฉพาะเจาะจง
ธาตุ |
คำอธิบาย |
---|
|
ควรกว้างพอที่จะแสดงสตริงชื่อที่มีอักขระ "W" อย่างน้อย 20 ตัว |
ค่ากำหนด |
ควรกว้างพอที่จะแสดงสตริงชื่อที่มีอักขระ "W" อย่างน้อย 20 ตัว |
มุมมองที่มีสไตล์ของแอป
| ควรมีลักษณะดังนี้
- กว้างพอที่จะแสดงความหนาแน่นของพิกเซลอิสระ (dp) อย่างน้อย 672 พิกเซล
- สูงพอที่จะแสดงอย่างน้อย 672 dp
|
เลย์เอาต์
ข้อจำกัดในส่วนนี้เกี่ยวข้องกับเลย์เอาต์และชุดค่าผสมที่เฉพาะเจาะจงของคอมโพเนนต์ในไลบรารี UI ของรถ
มีการสังเกตชุดกรณีที่ไม่ซ้ำกันและสรุปเป็นรูปแบบที่เกิดขึ้นใหม่
กล่องโต้ตอบสถานที่ตั้ง
กล่องโต้ตอบทดสอบที่มีเนื้อหาเหมือนกับกล่องโต้ตอบตำแหน่งของบริการ Google Play ซึ่งสร้างขึ้นด้วยคอมโพเนนต์ไลบรารี UI ของรถยนต์และทดสอบเพื่อให้แน่ใจว่าเนื้อหาทั้งหมดจะแสดง
ธาตุ |
คำอธิบาย |
---|
Title |
ต้องกว้างพอที่จะแสดงสตริงอักขระ "W" อย่างน้อย 38 ตัว |
Body |
ต้องมองเห็นได้ทั้งหมดและใหญ่พอที่จะแสดงข้อมูลต่อไปนี้
- สตริงที่ประกอบด้วยอักขระ "W" อย่างน้อย 270 ตัว
- ข้อความอย่างน้อย 4 บรรทัด
|
คำกระตุ้นให้ดำเนินการ (Call-To-Action หรือ CTA) |
CTA ต้องมองเห็นได้ครบถ้วน
- กล่องโต้ตอบต้องกว้างพอที่จะแสดงคำกระตุ้นให้ดำเนินการ (Call-To-Action) อย่างน้อย 2 รายการ
- ชื่อต้องกว้างพอที่จะแสดงสตริงอักขระ "W" อย่างน้อย 9 ตัว
|
หน้าจอการตั้งค่า
หน้าจอการตั้งค่าการทดสอบประกอบด้วยคอมโพเนนต์แถบแอป ส่วนหัวย่อย และองค์ประกอบรายการ ดังที่อธิบายไว้ในตารางต่อไปนี้
ธาตุ |
คำอธิบาย |
---|
แถบแอป |
- ชื่อต้องกว้างพอที่จะแสดงสตริงอักขระ "W" อย่างน้อย 12 ตัว
- ต้องมีอย่างน้อย 76dp
|
ส่วนหัวย่อย |
ต้องกว้างพอที่จะแสดงสตริงอักขระ "W" อย่างน้อย 12 ตัว |
องค์ประกอบรายการ |
ต้องมีลักษณะดังนี้
- กว้างพอที่จะแสดงสตริงอักขระ "W" อย่างน้อย 12 ตัว
- สูงอย่างน้อย 76 dp
|
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 UTC"],[],[],null,["# Appendix B, customization\n\nTo ensure Car UI customizations perform as intended, you MUST adhere to the\nitems described below.\n\nGeneral\n-------\n\nLimits in this section are true regardless of layout:\n\n| Element | Description |\n|----------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| ### Typography | - Tab text labels MUST be wide enough to display strings of at least 6 \"W\" characters. - Text containers MUST be tall enough to fully display a single \"H\" character. - Text sizes MUST appear in descending order, for example: `car_ui_body_1` \\\u003e `car_ui_body_2` \\\u003e `car_ui_body_3` |\n| ### Contrast | - Contrast between foreground (text) and background MUST be at least 4.5:1. - Contrast between button color and background MUST be at least 3:1. - Tab selected state contrast with background MUST be at least 4.5:1. - Tab selected state contrast with unselected state MUST be at least 3:1. |\n| ### Others | - All icons MUST be vector drawables. - Touch targets MUST be at least 76 dp wide. - Padding constants MUST appear in descending order, for example: `car_ui_padding_0` \\\u003e `car_ui_padding_1` \\\u003e `car_ui_padding_2` |\n\nComponents\n----------\n\nValues provided below apply to specific components:\n\n| Element | Description |\n|---------------------|-----------------------------------------------------------------------------------------------------------------------------|\n| ### Toolbar | SHOULD be wide enough to display title strings of at least 20 \"W\" characters. |\n| ### Preference | SHOULD be wide enough to display title strings of at least 20 \"W\" characters. |\n| ### App styled view | SHOULD be: - Wide enough to display at least 672 density-independent pixels (dp). - Tall enough to display at least 672 dp. |\n\nLayout\n------\n\nLimits in this section pertain to specific layouts and combinations of Car UI library components.\nA series of unique cases have been observed and generalized into emergent patterns.\n\n### Location dialog\n\nA test dialog that contains the same content as the Google Play Services location dialog,\nconstructed with Car UI library components and tested to ensure full content visibility:\n\n| Element | Description |\n|--------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Title** | MUST wide enough to display strings of at least 38 \"W\" characters. |\n| **Body** | MUST be completely visible and large enough to display: - Strings that may consist of at least 270 \"W\" characters. - At least four lines of text. |\n| **Call-to-action (CTA)** | CTA MUST be completely visible: - Dialog MUST be wide enough to display at least two CTAs. - Titles MUST be wide enough to display strings of at least 9 \"W\" characters. |\n\n### Settings screen\n\nThe Test Settings screen is composed of the app bar, subheader, and list elements components,\nwhich are described in the table:\n\n| Element | Description |\n|-------------------|-------------------------------------------------------------------------------------------------------------|\n| **App bar** | - Title MUST be wide enough to display strings of at least 12 \"W\" characters. - MUST be at least 76dp tall. |\n| **Subheader** | MUST be wide enough to display strings of at least 12 \"W\" characters. |\n| **List elements** | MUST be: - Wide enough to display strings of at least 12 \"W\" characters. - At least 76dp tall. |"]]