Существует несколько устройств, которые поддерживают использование виджетов для отображения пользовательского интерфейса. Устройства, представленные в шаблоне, отображают интерфейсы разными способами. В каждом блоке шаблона есть информация об описываемых здесь устройствах и о том, как они отображают пользовательский интерфейс.
Выполните игровой тест шаблона, чтобы просмотреть примеры интерфейса.
Ниже представлена таблица с описанием устройств, отображаемых в шаблоне, ссылками на страницы соответствующих устройств и номерами блоков, где можно найти устройство:
| Устройство | Номер блока | Изображение устройства |
|---|---|---|
1-й | ||
1-й | ||
+2 | ||
Устройство управления интерфейсом (панель быстрого доступа) | +2 | |
+3 | ||
+3 | ||
+3 | ||
Устройство «Диалог» | 4 |
Типы пользовательских виджетов
Почти все устройства в этом шаблоне функции для управления HUD-интерфейсом и отображения пользовательского интерфейса используют пользовательские виджеты.
Во время игры при срабатывании устройства пользовательские виджеты отображают пользовательский интерфейс игрока в HUD-интерфейсе. Устройства привязаны к виджетам UMG. Это означает, что, когда игрок взаимодействует с устройством, интерфейс обновляется и отображает обновлённые данные игрока.
Существует два разных типа пользовательских виджетов: Пользовательский виджет и Вариант модального диалогового окна. В обоих типах виджетов для создания пользовательского интерфейса могут использоваться любые виджеты UMG.
Пользовательский виджет — это виджет по умолчанию, который используется при создании пользовательского интерфейса.
Вариант модального диалогового окна можно использовать только с устройством «Всплывающее диалоговое окно».
Например, устройство «Диалог» использует хранилище диалогов для создания интерфейса диалога, но можно также персонализировать внешний вид интерфейса с помощью Варианта модального окна диалога.
Утилиты интерфейса Verse
Утилиты интерфейса Verse — это набор утилит для работы с пользовательским интерфейсом на Verse. Эти утилиты позволяют управлять рядом различных виджетов UMG в Verse, и создавать их. Они используют устройство Verse для отображения интерфейса в HUD-интерфейсе.
В Verse компоновка создаётся с помощью контейнеров, таких как Наложение или Стековые поля. Это во многом похоже на работу в редакторе UMG. Внутри этих контейнеров виджеты, такие как text_block, material_block и image_block, используются для вставки текста, материалов или изображений. Эти виджеты Verse могут реагировать на события в игре. Кроме того, они могут комбинироваться с другими виджетами Verse.
Виджеты Verse представлены в задней части второго зала, во второй комнате, вместе с примерами каждого из них. Виджет material_block управляет материалами интерфейса, виджет text_size управляет размером текста интерфейса в text_block HUD-интерфейса,
а виджет player_input сопоставляет пользовательские элементы интерфейса с HUD-интерфейсом с учётом привязок клавиш.
| Блок материала | Размер текста | Ввод игрока |
|---|---|---|
Подробнее об использовании Verse для управления виджетами см. в разделе Типы виджетов и документации в разделе Создание интерфейса при помощи Verse.
Все сценарии Verse доступны в проекте Шаблон пользовательских интерфейсов. В проводнике Verse находятся следующие файлы интерфейса со сценариями Verse:
materialblock_basic_device.verse
materialblock_gameplay_device.verse
textsize_device.verse
hud_keybind_demo_device.verse
Блок материала
Файл material_block используется в качестве одной из ячеек внутри пользовательского виджета, созданного с помощью кода Verse. Во время игры material_block позволяет управлять параметрами материала посредством Verse. С помощью этой функции можно изменить внешний вид и поведение материала (экземпляра материала) интерфейса в HUD-интерфейсе. Это похоже на то, как блок image_block позволяет использовать текстуру в Verse.
Файл material_block используется в коде Verse несколькими способами:
Он позволяет использовать параметры материала для определения размера, поведения и внешнего вида материала, повышая динамичность интерфейса.
Он может передавать значения из Verse в параметры материалов, благодаря чему ваши материалы могут обновляться динамически с учётом игрового процесса.
Чтобы больше узнать об использовании material_block в проектах, см. документ «Блок материала».
Размер текста
Свойство text_size является частью виджета text_block и предоставляет возможность настроить размер текста, отрисовываемого в интерфейсе игрока с помощью виджета text_block.
В Verse text_block — это тип виджета, который вставляется в виджет, созданный в Verse, и отрисовывает строку текста.
Пользовательское свойство text_size использует код Verse для управления следующими атрибутами текста:
Размер
Место
Цвет
Ввод игрока
Ввод игрока используется для прослушивания данных игрока, которые сообщают коду, где и когда сопоставлять интерактивные элементы управления в HUD-интерфейсе при нажатии тех или иных кнопок. В UMG это работает, когда в пользовательском виджете используется Виджет действия, а поле действия расширенного ввода привязывается к действию ввода через привязку клавиш.
В виджете клавиши привязаны к кнопкам Перезарядить, Огонь, Присесть и Встать.
При добавлении в шаблоне виджета игроку в Verse добавляется сопоставление вводов. Это позволит автоматически привязать действия ввода к этому игроку, чтобы виджет UMG обновился с помощью верных привязок клавиш для этого действия ввода.
Для сопоставления элементов интерфейса с игроками сначала игроки определяются в коде Verse, затем используется PlayerInput для сопоставления интерактивных элементов с HUD-интерфейсом на основе привязок клавиш к следующему:
сопоставление передвижений;
сопоставление стрелкового оружия.
Далее используется PlayerInput.AddInputMapping для сопоставления виджета UMG с клавишами игрока, используемыми для команд «Присесть» и «Встать». Интерфейс привязывается к игроку через событие OnPlayerAdded, на которое мы подписываемся. Аналогичным образом, привязка удаляется с помощью события подписки OnPlayerRemoved.
Примеры интерфейса
Для каждого устройства есть три категории шаблонов интерфейса:
Сделанные из материалов.
Сделанные из текстур.
Сделанные из материалов и текстур.
При входе в области рядом с блоком устройства активируется пользовательский интерфейс. В этих трёх примерах продемонстрированы не только возможности UMG, но и уровень детализации и дизайна, которые вы можете использовать при создании собственного интерфейса. Некоторые области наносят урон и содержат усилители здоровья. Так вы сможете отслеживать изменения интерфейса в реальном времени.
Вы можете воссоздать все примеры интерфейса, пройдя обучение в разделе Внутриигровые интерфейсы. Ниже представлен список примеров дизайнов интерфейса, типов пользовательских виджетов, используемых для создания интерфейса, а также уроки, в которых рассказывается о создании аналогичного интерфейса.
| Пример интерфейса | Тип виджета | Обучение |
|---|---|---|
Сообщение интерфейса | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Всплывающее диалоговое окно | ||
Вариант модального диалогового окна | ||
Вариант модального диалогового окна | ||
Вариант модального диалогового окна | ||
Устройство управления интерфейсом | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Устройство управления интерфейсом — панель быстрого доступа | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Устройство создания показателя | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Сложное взаимодействие | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Устройство «Диалог» | ||
Хранилище диалогов | ||
Устройство «Таймер» | ||
Пользовательский виджет | ||
Пользовательский виджет | ||
Пользовательский виджет |