Od 27 marca 2025 r. zalecamy używanie android-latest-release
zamiast aosp-main
do kompilowania i wspołtworzenia AOSP. Więcej informacji znajdziesz w artykule o zmianach w AOSP.
Załącznik B. Personalizacja
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Aby mieć pewność, że dostosowywanie interfejsu Car UI działa zgodnie z oczekiwaniami, MUSISZ przestrzegać podanych niżej zasad.
Ogólne
Limity w tej sekcji są prawdziwe niezależnie od układu:
Żywioły |
Opis |
---|
Typografia |
|
Kontrast |
- Kontrast między pierwszym planem (tekstem) a tłem MUSI wynosić co najmniej 4,5:1.
- Kontrast między kolorem przycisku a tłem musi wynosić co najmniej 3:1.
- Kontrast między zaznaczoną kartą a tłem musi wynosić co najmniej 4,5:1.
- Kontrast między stanem „wybrany” a stanem „niewybrany” musi wynosić co najmniej 3:1.
|
Inne |
- Wszystkie ikony MUSZĄ być rysowane wektorowo.
- Docelowe elementy dotykowe muszą mieć co najmniej 76 dp szerokości.
- Stałe wartości wypełniania MUSZĄ być podawane w kolejności malejącej, na przykład:
car_ui_padding_0 > car_ui_padding_1 >
car_ui_padding_2
|
Komponenty
Wartości podane poniżej odnoszą się do konkretnych komponentów:
Żywioły |
Opis |
---|
|
POWINIEN być wystarczająco szeroki, aby wyświetlać ciągi znaków tytułu o długości co najmniej 20 znaków „W”. |
Ustawienie |
POWINIEN być wystarczająco szeroki, aby wyświetlać ciągi znaków tytułu o długości co najmniej 20 znaków „W”. |
Widok stylizowany na aplikację
| NALEŻY:
- być na tyle szerokie, aby wyświetlać co najmniej 672 piksele niezależne od gęstości (dp);
- Wysokość obrazu musi wynosić co najmniej 672 dp.
|
Układ
Limity w tej sekcji dotyczą określonych układów i kombinacji komponentów biblioteki Car UI.
Zaobserwowano serię nietypowych przypadków, które zostały uogólnione w wyłaniające się wzorce.
Okno lokalizacji
Testowe okno dialogowe zawierające te same treści co okno lokalizacji Usług Google Play, utworzone za pomocą komponentów biblioteki interfejsu Car UI i przetestowane pod kątem pełnej widoczności treści:
Żywioły |
Opis |
---|
Title |
MUSI być wystarczająco szeroki, aby wyświetlać ciągi znaków o długości co najmniej 38 znaków „W”. |
Body |
MUSI być w pełni widoczny i wystarczająco duży, aby wyświetlić:
- ciągi znaków, które mogą składać się z co najmniej 270 znaków „W”;
- Co najmniej 4 wiersze tekstu.
|
Wezwanie do działania |
Wezwanie do działania MUSI być w pełni widoczne:
- Okno musi być wystarczająco szerokie, aby wyświetlić co najmniej 2 wezwania do działania.
- Tytuły muszą być wystarczająco szerokie, aby wyświetlić ciąg znaków zawierający co najmniej 9 liter „W”.
|
Ekran ustawień
Ekran Ustawienia testu składa się z paska aplikacji, podnagłów i elementów listy, które są opisane w tabeli:
Żywioły |
Opis |
---|
Pasek aplikacji |
- Tytuł musi być wystarczająco szeroki, aby wyświetlić ciąg znaków zawierający co najmniej 12 liter „W”.
- Musi mieć co najmniej 76 pikseli wysokości.
|
Subheader |
MUSI być wystarczająco szeroki, aby wyświetlać ciągi znaków zawierające co najmniej 12 znaków „W”. |
Elementy listy |
MUSI:
- wystarczająco szerokie, aby wyświetlać ciągi znaków zawierające co najmniej 12 znaków „W”;
- Wysokość co najmniej 76 dp.
|
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-27 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 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. |"]]