向UXML添加样式

在 UI Toolkit 中，您可以使用 USS 自定义视觉元素实例化或派生自 C# 的可视化树的节点VisualElement类。您可以设置外观样式、定义行为并将其作为 UI 的一部分显示在屏幕上。更多信息
请参阅术语表.建议的 USS 工作流程是在 UI Builder 中直观地设置元素样式，将样式提取到 USS 文件中，然后在 UXML 中引用它。

如果您在 UI Builder 中设置元素的样式，则该样式将作为内联样式添加到styleUXML 元素的属性：

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

要引用样式表文件，请添加<Style>UXML 文件根元素下的元素。

例如，如果您有一个名为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为包名称。

其他资源

UXML 简介

重用UXML文件

手册

向UXML添加样式

其他资源