Вы можете создавать пользовательские элементы пользовательского интерфейса (UI) для своего острова в Unreal Editor для Fortnite (UEFN), используя схему создания виджетов с устройством для вывода сообщений в интерфейсе и устройством «Всплывающее диалоговое окно».
Существует две категории схем создания виджетов для создания пользовательского интерфейса:
Пользовательский виджет — используется для создания пользовательского сообщения интерфейса.
Вариант модального диалогового окна — используется для создания пользовательских кнопок, доступных для нажатия.
Устройство «Всплывающее диалоговое окно» работает только со схемой Вариант модального диалогового окна. Устройство для вывода сообщений в интерфейсе работает со схемами обоих типов.
Подробнее о редакторе виджетов: Редактор виджетов интерфейса.
Пользовательский виджет
Этот виджет использует HUD-интерфейс для отображения пользовательского сообщения для игроков в интерфейсе. Используйте его, чтобы сообщить игрокам задание, или в качестве устройства повествования для персонажей на вашем острове. Вы можете добавить к своему сообщению кнопки в рамках рабочего процесса для варианта модального диалогового окна, рассмотренного ниже.
Перетащите устройство для вывода сообщений в интерфейсе в окно просмотра. Устройство готово к подключению к схеме создания виджетов.
Создайте схему
Нажмите правой кнопкой мыши в Каталоге ресурсов, чтобы открыть меню Каталога ресурсов.
Выберите Пользовательский интерфейс > Схема создания виджетов. Откроется путь к виджету.
Выберите Пользовательский виджет. В Каталоге ресурсов появится миниатюра схемы создания виджетов.
Переименуйте миниатюру.
Выберите устройство для вывода сообщений в интерфейсе в окне просмотра, найдите дополнительный параметр Виджет интерфейса на панели «Сведения», а затем выберите свою схему создания виджетов из выпадающего меню.
Дважды нажмите на миниатюру, чтобы открыть Редактор виджетов.
В меню «Панель» выберите виджет панели. В данном примере используется «Панель холста».
Этот шаг необходимо выполнить перед добавлением каких-либо элементов к виджету.
Все, что вы разместите на этой панели, будет отображаться в сообщении интерфейса.
Измените размер виджета панели, нажав на угол и вытянув до нужного размера. В данном примере панель имеет полный размер высокой чёткости (HD) 1920 x 1080.
Нажмите, чтобы увеличить изображение.
Импортируйте изображение в Каталог ресурсов, а затем перетащите виджет изображения в Редактор схемы создания виджетов. Это будет фоновое изображение HUD-интерфейса.
Измените размер изображения на панели «Сведения» с помощью настройки Размер изображения в разделе Внешний вид.
Переместите изображение с помощью полей Перенос. Перетаскивание в первом поле перемещает изображение влево и вправо. Перетаскивание во втором поле перемещает изображение вверх и вниз.
Перетащите виджет «Текстовый блок UEFN» на панель. В виджете текстового блока можно создать собственное сообщение интерфейса.
Текст сообщения интерфейса будет отображаться там, где вы разместите виджет текстового поля.
Добавьте собственное сообщение интерфейса в поле Текст на панели «Сведения».
Установите цвет текста и измените шрифт с помощью настроек Цвет и непрозрачность, Семейство шрифта и Размер в разделе «Внешний вид».
Вы можете дополнительно настроить текст, изменив наклон символов, задав произвольный интервал между символами и добавив к тексту контур или тени.
Когда сработает устройство для вывода сообщений в интерфейсе, в HUD-интерфейсе появится ваше пользовательское сообщение.
Вариант модального диалогового окна
В этом виджете используется кнопочный интерфейс для подключения устройства «Всплывающее диалоговое окно» и устройства выдачи предметов, предоставляющего игрокам предметы. Для начала перетащите в окно просмотра устройство «Всплывающее диалоговое окно» и устройство выдачи предметов.
Создайте схему
Нажмите правой кнопкой мыши в Каталоге ресурсов, чтобы открыть меню Каталога ресурсов.
Выберите Пользовательский интерфейс > Схема создания виджетов. Откроется путь к виджету.
Выберите Вариант модального диалогового окна. В Каталоге ресурсов появится миниатюра схемы создания виджетов.
Переименуйте миниатюру.
Дважды нажмите на миниатюру, чтобы открыть Редактор виджетов.
Перетащите виджет панели в окно просмотра и измените его размеры.
Нажмите, чтобы увеличить изображение.
Перетащите виджет изображения в окно просмотра или импортируйте оружие или предмет и перетащите изображение из Каталога ресурсов в окно просмотра.
Выберите выравнивание изображения. Существуют различные варианты выравнивания по горизонтали и по вертикали.
Перенесите изображение в окне просмотра с помощью инструментов «Перенос». Перетаскивание в первом поле перемещает изображение вправо и влево, а перетаскивание во втором поле — вверх и вниз.
Перетащите виджет кнопки в окно просмотра, выберите выравнивание, а затем перенесите кнопку с помощью полей Перенос.
Присвойте кнопке название в поле Текст и добавьте действие в поле Вторичный текст.
Если для кнопки требуется только действие, добавьте действие только в поле «Текст». Это означает, что кнопку можно назвать просто «Нажмите здесь».
Задайте следующие параметры в разделе Выбор:
Можно выбрать — Вкл.
Можно взаимодействовать при выборе — Вкл.
В результате кнопки будут откликаться на действия пользователя.
В окне просмотра выберите устройство «Всплывающее диалоговое окно» и найдите Модальный виджет > Класс переопределения шаблона на панели «Сведения». В выпадающем меню «Класс переопределения шаблона» выберите Кнопка интерфейса.
Установите для параметра Автоматическое отображение значение Начало игры. Во время игрового теста кнопка будет автоматически появляться в начале игры.
Вы также можете установить для этого параметра значение Никогда, а затем настроить другое устройство для запуска устройства «Всплывающее диалоговое окно».
Выберите устройство выдачи предметов и добавьте оружие или предмет в Список предметов.
Используемый предмет должен соответствовать изображению, если только это не изображение вопросительного знака. В этом случае можно выбрать любой предмет.
В выпадающем меню Выдать предмет выберите устройство Всплывающее диалоговое окно и выберите в списке функций настройку При нажатии на кнопку 1.
Логика кнопки
Теперь всё готово, чтобы определить логику кнопки для схемы создания виджетов.
Откройте Редактор виджетов.
Нажмите на кнопку Просмотр привязок внизу экрана редактора.
Нажмите «Создать модель просмотра».
Выберите Модель просмотра модального диалогового окна в творческом режиме > Выбрать > Закрыть. В результате в схему создания виджетов будет добавлена вся возможная логика кнопки, которую можно отредактировать.
Нажмите на Просмотр привязок > Добавить виджет, чтобы открыть меню для выбора виджета.
Выберите виджет кнопки в выпадающем меню «Модель просмотра модального диалогового окна в творческом режиме» и нажмите Выбрать.
Выберите Односторонний виджет и установите В одну сторону к модели просмотра в выпадающем меню «Режим привязки».
Нажмите на первое поле и выберите Функции преобразования > Получить отклик кнопки 1 > Выбрать.
Эти номера кнопок соответствуют их расположению на панели.
Нажмите на второе поле и выберите Модель просмотра модального диалогового окна в творческом режиме > Отклик > Выбрать.
В выпадающем меню Поле выберите виджет кнопки UEFN, который вы перетащили на панель, а затем Событие щелчка > Выбрать.
Нажмите на Скомпилировать.
Выполните игровой тест, чтобы убедиться, что кнопка появляется и работает должным образом при нажатии.