Добавить стили в UXML

В UI Toolkit вы можете использовать USS для настройки внешнего вида визуальных элементов. Предлагаемый рабочий процесс для USS заключается в визуальном стилизовании элемента в UI Builder, извлечении стиля в файл USS, а затем ссылке на него в UXML.

Если вы стилизируете элемент в UI Builder, стиль добавляется как встроенный стиль к атрибуту style элементов UXML:

<ui:UXML ...>
    <ui:VisualElement style="width: 200px; height: 200px; background-color: red;" />
</ui:UXML>

Чтобы сделать ссылку на файл таблицы стилей, добавьте элемент <Style> под корневым элементом файла UXML.

Например, если у вас есть файл USS с именем styles.uss, со следующим содержимым:

#root {
    width: 200px;
    height: 200px;
    background-color: red;
}

Вы можете ссылаться на него следующим образом:

<ui:UXML ...>
    <Style src="<path-to-file>/styles.uss" />
    <ui:VisualElement name="root" />
</ui:UXML>

Можно использовать относительный или абсолютный путь:

Абсолютные пути начинаются с папки проекта Assets и начинаются с / или project://database/. Например, /Assets/myFolder/myFile.uss или project://database/Assets/myFolder/myFile.uss.
Относительные пути начинаются с текущего файла и исключают /. Например, ../myFolder/myFile.uss.

Примечание: Чтобы сослаться на файл из пакетов, используйте абсолютный путь файла пакета, начинающийся с Packages папка. Например, /Packages/com.unity.package.name/file-name.uss или project://database/Packages/com.unity.package.name/file-name.uss. вы должны использовать формат com.unity.package.name вместо package name для имени пакета.