向 UXML 添加样式

在__ UI__（即用户界面，User Interface）让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary 工具包中，可以使用 USS 自定义视觉元素的外观。USS 的建议工作流程是在 UI Builder 中对元素进行可视化样式设置，将样式提取到 USS 文件，然后在 UXML 中引用它。

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

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

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

例如，如果您有一个名为 styles.uss 的并包含以下内容的 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）。

其他资源

• 设置 UI 样式
• 管理元素的最佳实践