Kể từ ngày 27 tháng 3 năm 2025, bạn nên sử dụng android-latest-release
thay vì aosp-main
để xây dựng và đóng góp cho AOSP. Để biết thêm thông tin, hãy xem phần Thay đổi đối với AOSP.
Phụ lục B, tuỳ chỉnh
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Để đảm bảo các tuỳ chỉnh Giao diện người dùng trên ô tô hoạt động như dự kiến, bạn PHẢI tuân thủ các mục được mô tả dưới đây.
Giải pháp chung
Các giới hạn trong phần này đều đúng bất kể bố cục:
Nguyên tố |
Mô tả |
---|
Kiểu chữ |
|
Độ tương phản |
- Độ tương phản giữa nền trước (văn bản) và nền PHẢI đạt ít nhất là 4,5:1.
- Độ tương phản giữa màu nút và màu nền PHẢI đạt ít nhất là 3:1.
- Độ tương phản của trạng thái thẻ đã chọn với nền PHẢI đạt ít nhất là 4,5:1.
- Tỷ lệ tương phản giữa trạng thái đã chọn và trạng thái chưa chọn của thẻ PHẢI là ít nhất 3:1.
|
Thiết bị khác |
- Tất cả biểu tượng PHẢI là vectơ vẽ được.
- Đích chạm PHẢI có chiều rộng tối thiểu là 76 dp.
- Hằng số khoảng đệm PHẢI xuất hiện theo thứ tự giảm dần, ví dụ:
car_ui_padding_0 > car_ui_padding_1 >
car_ui_padding_2
|
Thành phần
Các giá trị được cung cấp bên dưới áp dụng cho các thành phần cụ thể:
Nguyên tố |
Mô tả |
---|
|
PHẢI đủ rộng để hiển thị các chuỗi tiêu đề có ít nhất 20 ký tự "W". |
Preference |
PHẢI đủ rộng để hiển thị các chuỗi tiêu đề có ít nhất 20 ký tự "W". |
Chế độ xem theo kiểu ứng dụng
| NÊN:
- Đủ rộng để hiển thị ít nhất 672 pixel không phụ thuộc vào mật độ (dp).
- Đủ cao để hiển thị ít nhất 672 dp.
|
Bố cục
Các giới hạn trong phần này liên quan đến các bố cục và tổ hợp cụ thể của các thành phần trong thư viện Giao diện người dùng ô tô.
Một loạt các trường hợp riêng biệt đã được quan sát và tổng quát thành các mẫu mới nổi.
Hộp thoại Vị trí
Hộp thoại kiểm thử chứa nội dung giống với hộp thoại vị trí của Dịch vụ Google Play, được tạo bằng các thành phần thư viện Giao diện người dùng ô tô và được kiểm thử để đảm bảo hiển thị đầy đủ nội dung:
Nguyên tố |
Mô tả |
---|
Tiêu đề |
PHẢI đủ rộng để hiển thị các chuỗi có ít nhất 38 ký tự "W". |
Nội dung |
PHẢI hiển thị toàn bộ và đủ lớn để hiển thị:
- Chuỗi có thể bao gồm ít nhất 270 ký tự "W".
- Ít nhất 4 dòng văn bản.
|
Lời kêu gọi hành động (CTA) |
Lời kêu gọi hành động PHẢI hiển thị hoàn toàn:
- Hộp thoại PHẢI đủ rộng để hiển thị ít nhất 2 lời kêu gọi hành động.
- Tiêu đề PHẢI đủ rộng để hiển thị các chuỗi có ít nhất 9 ký tự "W".
|
Màn hình cài đặt
Màn hình Cài đặt kiểm thử bao gồm các thành phần thanh ứng dụng, tiêu đề phụ và thành phần danh sách, được mô tả trong bảng:
Nguyên tố |
Mô tả |
---|
Thanh ứng dụng |
- Tiêu đề PHẢI đủ rộng để hiển thị các chuỗi có ít nhất 12 ký tự "W".
- PHẢI có chiều cao tối thiểu là 76 dp.
|
Tiêu đề phụ |
PHẢI đủ rộng để hiển thị các chuỗi có ít nhất 12 ký tự "W". |
Phần tử danh sách |
PHẢI:
- Đủ rộng để hiển thị các chuỗi có ít nhất 12 ký tự "W".
- Có chiều cao tối thiểu 76 dp.
|
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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. |"]]