Диалоги

Диалоговое окно — это модальное окно, которое появляется перед приложением и отображает информацию о задаче, требующей немедленного ответа пользователя.

Диалоговое окно может представлять собой предупреждение, требующее взаимодействия с пользователем. Это также может быть диалог выбора или подтверждения, который требует от пользователя сделать или подтвердить выбор. Диалоговое окно сохраняет фокус до тех пор, пока оно не будет закрыто или пока не будет выполнено необходимое действие. Поскольку диалоги отвлекают друг друга, их следует использовать с осторожностью.

Диалоги связаны с всплывающими уведомлениями (оба являются членами семейства компонентов Dialog), но они различаются по назначению и приоритету, как показано ниже.

Компонент Цель Приоритет
тосты Отображает информативное сообщение. Не требует взаимодействия с пользователем. Исчезает через 8 секунд. Низкий
Диалог Отображает информацию и параметры задач, требующие взаимодействия с пользователем. Диалоговое окно сохраняет фокус до тех пор, пока пользователь не ответит. Высокий

Анатомия

Диалоги содержат информационный текст и элементы управления пользовательского интерфейса, которые запрашивают ответ пользователя.

1. Фон диалога
2. Заголовок карты
3. Область контента
4. Область действия карты

Характеристики

значок выноски
Метки макета
Определения E, M, KL, P, Flex
значок выноски
Компонент кнопок
Спецификации, рекомендации по стилю и многое другое.
значок выноски
Компонент списка элементов
Спецификации, рекомендации по стилю и многое другое.

Диалог без заголовка

Диалог с заголовком

Диалог с центрированным заголовком

Прокручиваемое диалоговое окно


Кастомизация

OEM-производители могут отражать свой бренд, настраивая следующие аспекты диалогов:

  • Шрифты
  • Стилизация активных, неактивных и отключенных кнопок
  • Размеры и расположение кнопок

Система дизайна предоставляет рекомендации по настройке компонентов с использованием макета, цвета, типографики и размеров.


Примеры

Диалог с заголовком - день
Диалог с заголовком - ночь
Прокручиваемый диалог – день
Прокручиваемый диалог - ночь
Диалог в действии