Виджеты размещаются на экране с помощью виджета рабочей области, при этом они добавляются в ячейки рабочей области.
Следующий код содержит пример виджета рабочей области, который отображает текст «Центр» на кнопке в середине экрана.
using { /Fortnite.com/Devices }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/UI }
using { /Fortnite.com/UI }
using { /UnrealEngine.com/Temporary/SpatialMath}
hello_world_device := class(creative_device):
# Set the Button device in the Editor to reference the device in the level
@editable
Настройки ячейки рабочей области
Вы можете изменить следующие поля ячейки рабочей области для размещения виджетов в рабочей области:
| Поле | Описание | Значения |
|---|---|---|
Ориентиры | Место в рабочей области, к которому привязывается виджет; указывается в процентах рабочей области. Когда размер рабочей области изменяется, виджет остаётся прикреплённым к своим точкам привязки в рабочей области нового размера. Вы можете указать максимальную и минимальную точки привязки виджета, которые могут изменять его размер, когда включена настройка SizeToContent. | Диапазон полей X и Y точки привязки составляет от 0 до 1, где |
Выравнивание | Часть виджета, которая находится в точке привязки. Например, если для поля Alignment выбран | Диапазон полей X и Y для поля Alignment составляет от 0 до 1, где |
Смещения | Это поле может влиять на размер и положение виджета двумя способами:
| Поля должны находиться в диапазоне от 0 до 1080. Это разрешение масштабируется в соответствии с разрешением экрана игрока. |
SizeToContent | Если включено, размер виджета устанавливается по желанию. |
|
Расположение и компоновка элементов интерфейса зависят от платформы. Разрешение и размер интерфейса будут определяться платформой, которую использует игрок.
Как правило, процесс размещения виджета заключается в настройке полей в следующем порядке:
Anchors, чтобы указать, где виджет должен отображаться в рабочей области (даже при изменении её размера).
Alignment, чтобы указать, какая часть виджета располагается в точке привязки.
Offsets, чтобы применить смещение относительно точки привязки.
SizeToContent, чтобы по необходимости менять размер виджета.
Ниже показано, как изменение полей Offsets влияет на место отображения виджета относительно точки привязки.
Ниже показано, как изменение поля Alignment влияет на то, какая часть виджета находится в точке привязки.
Ниже показано, как изменение минимальной и максимальной точек привязки может влиять на размер виджета.
Пример размещения виджетов на экране
Следующий код содержит пример размещения виджетов в различных точках экрана.
using { /Fortnite.com/Devices }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/UI }
using { /Fortnite.com/UI }
using { /UnrealEngine.com/Temporary/SpatialMath}
hello_world_device := class(creative_device):
# Set the Button device in the Editor to reference the device in the level
@editable