대화상자는 즉각적인 사용자 응답이 필요한 작업 정보를 표시하기 위해 앱 앞에 표시되는 모달 창입니다.
대화상자는 사용자 상호작용이 필요한 알림일 수 있습니다. 사용자가 선택하거나 확인해야 하는 선택 또는 확인 대화상자일 수도 있습니다. 대화상자를 닫거나 필요한 작업을 실행할 때까지 대화상자 포커스가 유지됩니다. 대화상자는 사용자에게 방해가 되므로 가급적 사용하지 않아야 합니다.
대화상자는 토스트 메시지 (둘 다 Dialog 구성요소의 구성원)와 관련이 있지만 아래와 같이 목적과 우선순위가 다릅니다.
구성요소 | 목적 | 우선순위 |
토스트 메시지 | 정보 메시지를 표시합니다. 사용자 상호작용이 필요하지 않습니다. 8초 후에 사라집니다. | 낮음 |
Dialog | 사용자 상호작용이 필요한 정보와 작업 옵션을 표시합니다. 대화상자는 사용자가 응답할 때까지 포커스를 유지합니다. | 높음 |
분석
대화상자에는 사용자 응답을 요청하는 정보 텍스트와 UI 컨트롤이 있습니다.
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Anatomy-new.png?authuser=19&hl=ko)
2. 카드 헤더
3. 콘텐츠 영역
4. 카드 작업 영역
사양
제목이 없는 대화상자
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-3.png?authuser=19&hl=ko)
제목이 있는 대화상자
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-4.png?authuser=19&hl=ko)
제목이 가운데 정렬된 대화상자
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-5.png?authuser=19&hl=ko)
스크롤 가능 대화상자
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-6.png?authuser=19&hl=ko)
맞춤설정
OEM은 대화상자의 다음 측면을 맞춤설정하여 브랜드를 반영할 수 있습니다.
- 글꼴
- 활성, 비활성, 비활성화된 버튼의 스타일 지정
- 버튼 크기 및 게재위치
디자인 시스템에서는 레이아웃, 색상, 서체, 크기 조정을 사용하여 구성요소를 맞춤설정하는 방법을 안내합니다.
예
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-1-new.png?authuser=19&hl=ko)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-2-new.png?authuser=19&hl=ko)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-3.png?authuser=19&hl=ko)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-4.png?authuser=19&hl=ko)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-animation-1.gif?authuser=19&hl=ko)