Диалоговое окно предупреждения

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

Типы диалоговых окон предупреждения

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

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

Добавление информационного диалога [действия]

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

1. Выберите виджет (например, кнопку), к которому хотите добавить действие.
2. В панели свойств (правое меню) выберите Actions и нажмите + Add Action.
3. Найдите и выберите действие Alert Dialog (в разделе Alerts/Notifications).
4. Установите Alert Dialog Type в Informational Dialog.
5. Укажите заголовок и сообщение для диалога. Примечание: Вы также можете задать их из переменной, например, комбинированный текст со значением из переменной.
6. Также введите Dismiss Text, который будет отображаться на кнопке действия.

Добавление диалога подтверждения [действия]

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

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

Добавление пользовательского диалога [действия]

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

1. Выберите виджет (например, кнопку), к которому хотите добавить действие.

2. В панели свойств (правое меню) выберите Actions и нажмите + Add Action.

3. Найдите и выберите действие Alert Dialog (в разделе Alerts/Notifications).

4. Установите Alert Dialog Type в Custom Dialog и Select Component.

5. Рекомендуется установить подходящую ширину и высоту для пользовательского диалога.

6. Опционально вы можете задать фон и цвет барьера для этого диалога.

   

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

8. По умолчанию опция Non Dismissble закрывает диалог при клике вне его. Чтобы отключить это поведение, включите эту опцию.

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

   

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