Окно оповещения

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

Мы позволяем вам определить два типа диалоговых действий оповещения:

• Информационный диалог: Показывает некоторую информацию, которую пользователь должен знать, прежде чем взаимодействовать с приложением. Содержит только одну кнопку действия.
• Диалог подтверждения: Этот диалог может содержать две кнопки действия. Он может запускать последующее действие в зависимости от того, подтверждает ли пользователь действие. Его также можно использовать перед выполнением любого невосстанавливаемого действия пользователя, например, перед удалением учетной записи пользователя.
• Настраиваемый диалог: Это полностью настраиваемый диалог, который можно создать с помощью компонентов.

Выполните следующие шаги, чтобы добавить этот тип действия к любому виджету:

1. Выберите виджет (например, кнопку), на который вы хотите добавить действие.
2. Выберите Действия на панели свойств (правое меню) и нажмите + Добавить действие.
3. Найдите и выберите действие Alert Dialog (в разделе Alerts).
4. Установите для параметра Тип диалога оповещения значение Информационный диалог.
5. Укажите Заголовок и Сообщение для диалога. Примечание: Вы также можете задать его из переменной; например, комбинированный текст со значением из переменной.
6. Также введите текст Dismiss Text, который будет отображаться на кнопке действия.

Выполните следующие шаги, чтобы добавить этот тип действия к любому виджету:

1. Выберите виджет (например, кнопку), для которого вы хотите определить действие.
2. Выберите Действия на панели свойств (правое меню) и нажмите Открыть. Это откроет редактор потока действий в новом всплывающем окне.
   1. Нажмите на + Добавить действие.
   2. В правой части найдите и выберите Alert Dialog.
   3. Установите для Alert Dialog Type значение Confirm Dialog.
   4. Укажите Название и Сообщение для диалога. Примечание: Вы также можете задать его из переменной; например, комбинированный текст со значением из переменной.
   5. Теперь введите текст Dismiss Text (отображается на кнопке действия, которая отменит действие) и текст Confirm Text (отображается на кнопке действия, которая вызовет действие, которое вы определите на следующем шаге).
   6. Теперь нажмите на кнопку + и выберите Добавить условие.
   7. В правой части (Set Condition for Action) установите Source в Confirm Dialog Response.
      1. В разделе TRUE добавьте действие, которое будет запущено, если пользователь даст подтверждение.
      2. В разделе FALSE добавьте действие, которое сработает, если пользователь отменит диалог.
3. Нажмите кнопку Закрыть.

Прежде чем добавить это действие, убедитесь, что вы создали компонент, который вы хотите отобразить как пользовательский диалог. Теперь выполните следующие шаги, чтобы добавить этот тип действия к любому виджету:

1. Выберите виджет (например, кнопку), на который вы хотите добавить действие.
2. Выберите Действия на панели свойств (правое меню) и нажмите + Добавить действие.
3. Найдите и выберите действие Alert Dialog (в разделе Alerts).
4. Установите для параметра Alert Dialog Type значение Custom Dialog и выберите Component.
5. Рекомендуется установить соответствующие ширину и высоту для пользовательского диалога.
6. По желанию можно задать цвет фона и барьера для этого диалога.
7. По умолчанию этот тип действия блокирует выполнение следующего действия (если таковое имеется) во время выполнения этого действия, то есть диалог присутствует на экране. Однако в некоторых случаях вы можете разрешить выполнение следующего действия (после этого), например, вызов API сразу после показа пользовательского диалогового окна загрузки. Для этого включите опцию Non Blocking.
8. По умолчанию опция Non Dismissble закрывает диалог, когда вы щелкаете за его пределами. Чтобы отключить такое поведение, включите эту опцию.

• По умолчанию этот тип действия блокирует выполнение следующих действий (если таковые имеются), пока выполняется это действие, то есть диалог присутствует на экране. Однако в некоторых случаях можно разрешить выполнение следующего действия (после этого), например, вызов API сразу после показа пользовательского диалога загрузки. Для этого необходимо включить опцию Non Blocking.
• По умолчанию опция Non Dismissble закрывает диалог при щелчке за его пределами. Чтобы отключить это поведение, включите данную опцию.

• По умолчанию пользовательский диалог отображается в центре экрана. Однако вы можете использовать свойство Dialog Alignment для определения места расположения диалога на экране.

Чтобы расположить диалог вокруг открывшего его виджета, включите опцию Align with the Target Widget, а затем выровняйте его с помощью свойства Target Alignment. Совет: Если диалог выходит за пределы экрана, включите опцию Avoid Overflow.

Просмотрите следующие ссылки, если вы хотите узнать больше о Диалогах:

• Material Design: Dialogs
• Flutter: AlertDialog