Диалоги

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

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

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

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

Анатомия

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

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

Технические характеристики

значок выноски
Компонент кнопок
Технические характеристики, рекомендации по стилю и многое другое.
значок выноски
Компонент списка элементов
Технические характеристики, рекомендации по стилю и многое другое.

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

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

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

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

Настройка

Выразите свой бренд, настроив следующие аспекты диалоговых окон:

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

Примеры

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