В этом разделе вы узнаете, как создать пользовательское меню, которое будет отображаться на устройстве «Всплывающее диалоговое окно».
Ниже пошагово описан процесс создания пользовательского меню:
Создайте схему создания виджетов, представляющую собой вариант модального диалогового окна с названием WBP_Dialog_One_Button_Intro.
Сначала добавьте виджет **Размерное поле**, а затем добавьте виджет **Наложение** в качестве его дочернего элемента. Размерное поле — это панель для размещения виджета «Наложение».
На панели «Сведения» виджета «Наложение» задайте следующие настройки.
Настройка Значение Пояснение Отступы
0,0, 0,0, 0,0, 40,0
При такой настройке внизу виджета добавляется отступ в 40 пикселей.
Выравнивание по горизонтали
Горизонтальное выравнивание по центру
Виджет выровняется по центру экрана.
Выравнивание по вертикали
Выравнивание по вертикали снизу
Виджет выровняется по нижней части экрана.
На панели «Сведения» виджета «Изображение» задайте следующие настройки. Настройка Значение Пояснение Выравнивание по горизонтали Залить по горизонтали Виджет займёт максимально возможное пространство. Выравнивание по вертикали Заливка по вертикали Виджет займёт максимально возможное пространство. Оттенок AE4200FF Hex sRGB Цвет фона. Отрисовывать как Скруглённый прямоугольник При отрисовке изображение получает скруглённые углы. Видимость Без проверки на попадание (только сам элемент) В интерфейсе будет доступна для выбора только сама кнопка.
На панели «Сведения» виджета «Кнопка UEFN без звука» задайте следующие настройки. Настройка Значение Пояснение Мин. ширина 300 Установите ширину кнопки. Мин. высота 48 Установите высоту кнопки. Выравнивание по горизонтали Залить по горизонтали Виджет займёт максимально возможное пространство. Выравнивание по вертикали Заливка по вертикали Виджет займёт максимально возможное пространство. Видимость Видимый Кнопка должна быть доступна для выбора в интерфейсе. Текст Нет Оставьте настройку «Текст» пустой, поскольку для создания пользовательского текста используется текстовый блок.
На панели «Сведения» виджета «Текстовый блок UEFN» задайте следующие настройки. Настройка Значение Пояснение Выравнивание по горизонтали Горизонтальное выравнивание по центру При таких настройках виджет выравнивается по центру контейнера. Выравнивание по вертикали Выравнивание по вертикали по центру При таких настройках виджет выравнивается по центру контейнера. Текст Текст 1-й кнопки Текст-заглушка. «Просмотр привязок» заменяет этот текст на текст из настроек устройства «Всплывающее диалоговое окно». Видимость Без проверки на попадание (только сам элемент) Текст не должен скрывать кнопку от взаимодействия с пользователем.
Выберите Просмотр привязок в Редакторе виджетов.
Добавьте следующие привязки к виджету «Кнопка UEFN без звука».
Измените направление привязки на В одну сторону к модели просмотра.
Установите с левой стороны Включён.
Установите с правой стороны WidgetName > Включён.
Создайте новую привязку и установите для левой стороны При щелчке.
Установите с правой стороны CreativeModalDialogViewmodel > Ответ.
Задайте для параметра Ответ значение Кнопка 1.
Добавьте следующую привязку к виджету «Текстовый блок UEFN».
Измените направление привязки на В одну сторону к виджету.
Установите с левой стороны Текстовый блок UEFN > Текст.
Установите с правой стороны CreativeModalDialogViewmodel > Основной текст кнопки 01.
Сохраните и нажмите «Компилировать» для схемы создания виджетов.
Вы добавите этот пользовательский виджет в устройство «Всплывающее диалоговое окно» позже в шаге 5 этого обучения.
