Mulai 27 Maret 2025, sebaiknya gunakan android-latest-release
, bukan aosp-main
, untuk mem-build dan berkontribusi pada AOSP. Untuk mengetahui informasi selengkapnya, lihat Perubahan pada AOSP.
Lampiran B, penyesuaian
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Untuk memastikan penyesuaian UI Mobil berfungsi sebagaimana mestinya, Anda HARUS mematuhi
item yang dijelaskan di bawah.
Umum
Batasan di bagian ini berlaku terlepas dari tata letak:
Elemen |
Deskripsi |
---|
Tipografi |
|
Kontras |
- Kontras antara latar depan (teks) dan latar belakang HARUS minimal 4,5:1.
- Kontras antara warna tombol dan latar belakang HARUS minimal 3:1.
- Kontras status tab yang dipilih dengan latar belakang HARUS minimal 4,5:1.
- Kontras status tab yang dipilih dengan status yang tidak dipilih HARUS minimal 3:1.
|
Lainnya |
- Semua ikon HARUS berupa vektor drawable.
- Target sentuh HARUS berukuran minimal 76 dp.
- Konstanta padding HARUS muncul dalam urutan menurun, misalnya:
car_ui_padding_0 > car_ui_padding_1 >
car_ui_padding_2
|
Komponen
Nilai yang diberikan di bawah berlaku untuk komponen tertentu:
Elemen |
Deskripsi |
---|
|
HARUS cukup lebar untuk menampilkan string judul minimal 20 karakter "W". |
Preference |
HARUS cukup lebar untuk menampilkan string judul minimal 20 karakter "W". |
Tampilan bergaya aplikasi
| HARUS:
- Cukup lebar untuk menampilkan minimal 672 piksel kepadatan mandiri (dp).
- Cukup tinggi untuk menampilkan minimal 672 dp.
|
Tata Letak
Batasan di bagian ini berkaitan dengan tata letak dan kombinasi tertentu dari komponen library UI Mobil.
Serangkaian kasus unik telah diamati dan digeneralisasi menjadi pola yang muncul.
Dialog lokasi
Dialog pengujian yang berisi konten yang sama dengan dialog lokasi Layanan Google Play,
dibuat dengan komponen library UI Mobil dan diuji untuk memastikan visibilitas konten penuh:
Elemen |
Deskripsi |
---|
Judul |
HARUS cukup lebar untuk menampilkan string minimal 38 karakter “W”. |
Body |
HARUS terlihat sepenuhnya dan cukup besar untuk menampilkan:
- String yang dapat terdiri dari minimal 270 karakter “W”.
- Minimal empat baris teks.
|
Pesan ajakan (CTA) |
CTA HARUS terlihat sepenuhnya:
- Dialog HARUS cukup lebar untuk menampilkan minimal dua CTA.
- Judul HARUS cukup lebar untuk menampilkan string minimal 9 karakter “W”.
|
Layar setelan
Layar Setelan Pengujian terdiri dari komponen panel aplikasi, subheader, dan elemen daftar,
yang dijelaskan dalam tabel:
Elemen |
Deskripsi |
---|
Panel aplikasi |
- Judul HARUS cukup lebar untuk menampilkan string minimal 12 karakter “W”.
- HARUS memiliki tinggi minimal 76 dp.
|
Subheader |
HARUS cukup lebar untuk menampilkan string minimal 12 karakter “W”. |
Elemen daftar |
HARUS:
- Cukup lebar untuk menampilkan string minimal 12 karakter “W”.
- Tinggi minimal 76 dp.
|
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 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. |"]]