Unity 6.3
0 онлайн 38 гостей 3 в системе
Вход

Испытание UI и UI Builder

Вы можете проверить UI внутри UI Builder и использовать инструменты отладки для изучения стилей.

Тест UI в режиме предварительного просмотра

Чтобы проверить свой UI внутри UI Builder, прямо внутри Canvas, вы можете включить режим Предварительный просмотр, который находится в панели инструментов Видовой проем. Режим Предварительный просмотр удаляет накладку и ручки подбора, специфичные для UI Builder, из Canvas. Вы можете узнать, включен ли у вас режим Предварительный просмотр, посмотрев на оранжевую границу вокруг всего Видовой проем:

PreviewMode
PreviewMode

С включенным режимом Предварительный просмотр можно проверить следующее:

  • Элементы управления, основанные на состоянии, такие как Foldout, на которые можно нажать, чтобы расширить и посмотреть, как реагирует остальная часть UI.
  • Поля ввода, такие как IntegerField, где можно проверить подлинность ввода.
  • Большие контейнеры, такие как ScrollView, где можно проверить прокрутку вверх и вниз.
  • :hover псевдо-состояния для проверки стилей только для указателя.

В режиме Предварительного просмотра вы все еще можете работать с UI. Однако, Canvas подбор и манипуляторы отключены в режиме Предварительного просмотра.

Стили отладки

Если вы не знаете, откуда взялся стиль, вы можете найти стили для элемента в разделе Matching Selectors в UI Builder’s Inspector.

  1. В Canvas из UI Builder выберите элемент.
  2. В окне Inspector разверните StyleSheet > Соответствующие селекторы.

Пример соответствующих селекторов

В разделе Соответствующие селекторы отображается следующее:

  • USS селекторов из ваших собственных таблиц стилей
  • USS селекторов из тематики по умолчанию Unity

Примечание: селекторы USS, расположенные ниже в списке, всегда переопределяют одноимённые свойства стиля в вышестоящих селекторах USS.

Если раздел Matching Selectors не предоставляет достаточной информации, вы можете использовать UI Toolkit Отладчик. Отладчик UI Toolkit — инструмент для проверки и отладки элементов интерфейса в реальном времени. Он даёт визуальное представление иерархии интерфейса, по которому удобно изучать состояние и свойства каждого элемента.

Дополнительные ресурсы