Редактор виджетов интерфейса

Редактор открывается при двойном нажатии на миниатюре виджета. В редакторе можно добавлять любые части пользовательского интерфейса, перетаскивая их в окно просмотра. Ниже представлена компоновка Редактора виджетов.

Нажмите, чтобы увеличить изображение.

Меню и панель вкладок

Файл

• Ресурсы Blueprint недавно использовавшихся виджетов — показывает список последних схем ресурсов виджетов, которые вы открывали для данного проекта.

• Сохранить всё — сохраняет все несохранённые ресурсы и уровни на диск.

• Сохранить — сохраняет схему создания виджета.

• Сохранить как… — сохраняет схему создания виджета с новым названием.

• Компилировать — компилирует схему создания виджета.

• Переподчинить схему — меняет родительскую схему.

Редактирование

• Отменить — отменяет последнее изменение.

• Повторить — повторяет последнее отменённое действие.

• История отмен — просмотр всей истории отмен.

Ресурс

• Найти в Каталоге ресурсов — переходит к связанному ресурсу и выбирает его в последнем использованном Каталоге ресурсов.

• Просмотр ссылок — запускает инструмент «Просмотр ссылок» для отображения ссылок выбранного ресурса.

Окно

• Загрузить компоновку — предусматривает дополнительные настройки загрузки компоновки на основе вариантов компоновки По умолчанию и UE4.

• Сохранить компоновку — сохраняет выбранную компоновку.

• Удалить компоновку — удаляет выбранную компоновку.

• Включить полноэкранный режим — открывает редактор в полноэкранном режиме.

• Сведения — открывает панель Сведения с правой стороны окна редактора.

• Конструктор — открывает вкладку Конструктор.

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

• Анимация — открывает вкладку Анимация.

• Иерархия — открывает вкладку Иерархия.

• Палитра — открывает вкладку Палитра.

• Просмотр привязок — открывает вкладку Просмотр привязок.

• Модели просмотра — открывает вкладку Модели просмотра.

• Внутриигровые видео — предусматривает дополнительные настройки для Регистратора дублей или Браузера дублей.

• Каталог ресурсов — открывает вкладку Каталог ресурсов.

• Журнал сообщений — открывает вкладку Журнал сообщений.

• Журнал выходных данных — открывает вкладку Журнал выходных данных.

Справка

• Документация к редактору виджетов — открывает документацию к редактору виджетов на сайте Epic Developer Community.

• Сообщество разработчиков — открывает сайт Epic Development Community.

• Библиотека обучающих материалов — открывает библиотеку обучающих материалов.

• Форумы — открывает форумы Unreal Editor для Fortnite (UEFN).

• Фрагменты кода — открывает сайт с фрагментами кода Verse.

• Об Unreal Editor — открывает окно с информацией о версии редактора, вашей платформе и авторских правах.

• Авторы — список сотрудников, занимавшихся и занимающихся разработкой UEFN.

• Посетить UnrealEngine.com — открывает сайт Unreal Engine.

Дежурные инструменты

Кнопки быстрого доступа:

• Сохранить — сохранить схему.

• Папка — открыть «Каталог ресурсов».

• Компилировать — компилировать схему.

Панель «Палитра»

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

Общие

Экземпляры создаваемых вами материалов можно найти в секции Общий интерфейс панели Палитра. Здесь можно добавить фон для кнопок и виджет Кнопка, которые вы можете изменить с помощью настроек.

• Изображение — разместить изображение в качестве фона интерфейса или кнопки.

• Именованная ячейка — позволяет показать внешнюю ячейку пользовательского виджета. Если другие будут использовать ваш пользовательский элемент управления, они смогут поместить в именованную ячейку любой элемент.

• Текстовый блок UEFN — создать пользовательское сообщение интерфейса.

Панель

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

• Панель решётки — панель в виде таблицы, содержащая постоянную ширину каждого столбца для всей таблицы. Допускается для дочерних ресурсов.

• Наложение — позволяет размещать виджеты друг над другом, используя простой потоковый макет для контента в каждом слое.

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

• Поле прокрутки — прокручиваемая коллекция произвольно выбранных виджетов. Отлично подходит для представления 10–100 виджетов в списке. Не поддерживает виртуализацию.

• Поле с размером — позволяет изменить размер всех элементов в пределах области наложения, в которой оно находится.

• Стековое поле — это панель макета, позволяющая автоматически размещать дочерние виджеты по вертикали или горизонтали. Когда все ресурсы интерфейса помещены в стековое поле, поле с размером размещается как дочерний элемент.

• Панель с равномерной решёткой — панель, которая равномерно распределяет доступное пространство между всеми дочерними элементами.

Создано пользователем

Наверху списка представлен виджет схемы, являющийся родительским ресурсом.

• Кнопка UEFN (заметная) — большая кнопка с большим принтом и жёлтым фоном.

• Кнопка UEFN (незаметная) — маленькая кнопка с маленьким принтом и белым фоном.

• Кнопка UEFN (обычная) — кнопка среднего размера с большим принтом и белым фоном.

• Ползунок UEFN — поле слайдера, которое может принимать значения положения и размера.

Окно просмотра

В окне просмотра отображаются ресурсы, составляющие компоновку схемы.

Панель «Сведения»

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

Вкладка «Иерархия»

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

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

На видео выше вкратце показывается, как добавлять и выравнивать решётки.

На фото выше показано, как расположить ресурсы на вкладке Иерархия с помощью полей Наложение, Стековое поле и Поле с размером.

Наложение

Поля Наложение служат контейнерами для ресурсов. Первое поле Наложение в примере выше используется в качестве холста. Второе размещено как дочернее и служит контейнером для ресурсов, упорядоченных в Стековом поле.

Ещё один виджет Наложение размещён как дочерний для Поля с размером в качестве контейнера для всех ресурсов, затрагиваемых Полем с размером и расположенных в пределах решётки.

Стековое поле

Стековое поле — это панель макета, позволяющая автоматически размещать дочерние виджеты по вертикали или горизонтали. Когда все ресурсы интерфейса помещены в стековое поле, поле с размером размещается как дочерний элемент.

Поле с размером

Поле с размером позволяет изменить размер всех элементов в пределах области наложения, в которой оно находится.

Наложение общего поля с размерами макета содержит дочерних три поля с размерами, которые хранят сгруппированные элементы, составляющие макет цветка, лепестки, диск цветка и кнопки.

Таким образом, можно изменять размеры всего макета и каждой из его частей по отдельности.

В компоновке иерархии Текстовые поля UEFN размещаются в контейнерах кнопок и интерфейса для отображения текста в интерфейсе и на кнопках.

Анимация

Создайте анимацию ресурсов интерфейса с помощью кнопки +Анимация, чтобы создать новую анимацию на панели Sequencer редактора виджетов.

Нижняя панель инструментов

На нижней панели инструментов есть несколько кнопок быстрого доступа для поиска ресурсов, просмотра привязок, проверки журналов, а также сохранения или синхронизации изменений.

• Панель ресурсов — открыть ресурсы в Каталоге ресурсов.

• Анимация — открыть вкладку Анимация и позволяет создать новую анимацию для ресурсов интерфейса.

• Просмотр привязок — позволяет открыть вкладку модели просмотра, чтобы добавить функции к кнопкам интерфейса.

• Журнал выходных данных — открыть журнал выходных данных для просмотра ошибок и предупреждений.

• Команда — открыть панель команд, на которой можно вводить команды.

• Статус сохранения — сообщает о статусе сохранения схемы.

• Зафиксировать изменения — зафиксировать внесённые изменения в Unreal Revision Control.

• Статус проекта — сообщает, является версия вашего проекта последней или нет.

• Контроль версий — открыть настройки контроля версий.