Поделиться через


Использование предварительно созданных элементов управления пользовательским интерфейсом

Обзор

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

Снимок экрана: несколько примеров элементов управления в руководстве по Сетке 101.

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

BackplateBase

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

Снимок экрана: многочисленные экземпляры предварительной проверки BackplateBase в руководстве по Сетке 101.

Один из примеров. В руководстве по Сетке 101 BackplateBase можно найти в качестве дочернего объекта в ChapterLabel , который является текстовым отображением информации для первой станции, 3.1: воспроизведение видео.

Снимок экрана экземпляра BackplateBase в руководстве по Сетке 101.

ButtonBase

В руководстве по Сетке 101 для создания кнопки воспроизведения на экране видео в 3.1: станция воспроизведения видео используется предварительная кнопка ButtonBase. Обратите внимание, что префаб был переименован здесь в PlayVideoButton.

Снимок экрана экземпляра ButtonBase в руководстве по Сетке 101.

Программы, направленные на сохранение Земли

В руководстве по Сетке 201 для станции 4 используется префаб Земля: загрузка URL-адреса из трехмерного ресурса.

Снимок экрана экземпляра предварительной проверки Земли в руководстве по Сетке 101.

InformationButton

В руководстве по Сетке 101 для станции триггера диалога сведений используется префаб InformationButton. Обратите внимание, что префаб был переименован немного здесь на "Information_Button".

Снимок экрана экземпляра InformationButton в руководстве по Сетке 101.

Начало работы

Пакет примеров элементов управления включается при скачивании примеров сетки из GitHub.

Снимок экрана пакета примеров элементов управления в проводник.

Чтобы добавить пакет примеров элементов управления в проект, выполните следующие действия.

  1. В проекте Unity в строке меню выберите Window> диспетчер пакетов.
  2. Щелкните раскрывающийся список "+", а затем выберите " Добавить пакет" на диске ....

Снимок экрана: меню диспетчер пакетов с выделенным элементом меню

  1. В окне выбора пакета на диске перейдите в папку с именем com.microsoft.mesh.toolkit.control.samples, а затем дважды щелкните файл package.json.

Снимок экрана package.json файла в проводник.

  1. Пакет примеров элементов управления отображается в диспетчер пакетов, помеченном как "Локальный" ...

Снимок экрана пакета примеров элементов управления в диспетчер пакетов.

... и его можно найти в папке "Пакеты проекта>".

Снимок экрана: пакет примеров элементов управления в папке

Подробные примеры элементов управления

Примеры элементов управления находятся в вложенных папках папки среды выполнения .

ButtonBase среды выполнения>

  • BackplateBase: используйте этот префаб, чтобы разместить все элементы управления на задней поверхности с округленными углами и iridescent поверхности.

Снимок экрана с префабом BackplateBase в сцене.

  • ButtonBase: базовая префаб для всех вариантов кнопки. Кнопка анимирует, создает звуковые отзывы при нажатии и содержит метку. Используйте визуальный скрипт для настройки событий, которые активируются при нажатии аватара кнопки.

Снимок экрана: предварительная фабка ButtonBase в сцене.

Глобус среды выполнения>

  • Земля: Земной шар, который спинирует и может быть выбран. При выборе глобус создает положение широты и долготы и добавляет маркер. Эта функция может быть расширена и изменена с помощью визуального скрипта. Все действия по умолчанию используются всеми клиентами.

Снимок экрана с префабом Земли в сцене.

Среда выполнения>InformationButton

  • InformationButton: плавающая по всему миру кнопка монеты. Кнопка включает обнаружение близкого Avatar Trigger взаимодействия с помощью поведения. Когда аватар является определенным расстоянием от кнопки, монета останавливает спиннинг и вместо этого рекламируется. Аватар может щелкнуть монету. Если аватар не находится в диапазоне, он больше не может нажать кнопку, и кнопка возвращается в спиннинг. Взаимодействуемое поведение кнопки определяется компонентом установки взаимодействия сетки и скриптом InformationButton .

Снимок экрана: префаб InformationButton в сцене.

Следующие шаги