2025년 3월 27일부터 AOSP를 빌드하고 기여하려면 aosp-main
대신 android-latest-release
를 사용하는 것이 좋습니다. 자세한 내용은 AOSP 변경사항을 참고하세요.
부록 B, 맞춤설정
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
자동차 UI 맞춤설정이 의도한 대로 작동하도록 하려면 아래 설명된 항목을 준수해야 합니다.
일반
이 섹션의 제한사항은 레이아웃과 관계없이 적용됩니다.
요소 |
설명 |
---|
서체 |
|
대비 |
- 전경(텍스트)과 배경의 대비는 4.5:1 이상이어야 합니다.
- 버튼 색상과 배경의 대비는 3:1 이상이어야 합니다.
- 탭이 선택된 상태와 배경의 대비는 4.5:1 이상이어야 합니다.
- 탭이 선택된 상태와 선택 해제된 상태의 대비는 3:1 이상이어야 합니다.
|
기타 |
- 모든 아이콘은 벡터 드로어블이어야 합니다.
- 터치 영역의 너비는 76dp 이상이어야 합니다.
- 패딩 상수는 내림차순으로 표시되어야 합니다. 예를 들면 다음과 같습니다.
car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2
|
구성요소
아래에 제공된 값은 특정 구성요소에 적용됩니다.
요소 |
설명 |
---|
|
너비는 20자 이상의 'W'로 구성된 제목 문자열을 표시하기에 충분해야 합니다. |
환경설정 |
너비는 20자 이상의 'W'로 구성된 제목 문자열을 표시하기에 충분해야 합니다. |
앱 스타일 뷰
| 다음을 충족해야 합니다.
- 너비가 최소 672 밀도 독립형 픽셀(dp)을 표시하기에 충분합니다.
- 높이가 최소 672dp를 표시하기에 충분합니다.
|
레이아웃
이 섹션의 제한사항은 자동차 UI 라이브러리 구성요소의 특정 레이아웃 및 조합에 관한 것입니다.
일련의 고유한 사례가 관찰되어 새로운 패턴으로 일반화되었습니다.
위치 대화상자
자동차 UI 라이브러리 구성요소로 구성되고 전체 콘텐츠 가시성을 보장하도록 테스트된 Google Play 서비스 위치 대화상자와 동일한 콘텐츠를 포함하는 테스트 대화상자:
요소 |
설명 |
---|
제목 |
너비는 38자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다. |
본문 |
본문은 전체가 다 보여야 하며 다음을 표시할 만큼 커야 합니다.
- 'W' 270자 이상으로 구성될 수 있는 문자열
- 텍스트는 4줄 이상이어야 합니다.
|
클릭 유도 문구(CTA) |
CTA는 전체가 다 보여야 합니다.
- 대화상자의 너비는 2개 이상의 CTA를 표시할 만큼 충분해야 합니다.
- 제목의 너비는 9자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.
|
설정 화면
테스트 설정 화면은 앱 바 및 하위 헤더, 목록 요소 구성요소로 구성되며 다음 표에 설명되어 있습니다.
요소 |
설명 |
---|
앱 바 |
- 제목의 너비는 12자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.
- 높이는 76dp 이상이어야 합니다.
|
하위 헤더 |
너비는 12자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다. |
목록 요소 |
다음을 충족해야 합니다.
- 너비가 'W' 12자 이상으로 구성된 문자열을 표시하기에 충분해야 합니다.
- 높이가 76dp 이상이어야 합니다.
|
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 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. |"]]