向 UXML 添加样式

在 UI(用户界面) 允许用户与您的应用程序交互。Unity 目前支持三种 UI 系统。更多信息
参见词汇表工具包中，您可以使用 USS 自定义 视觉元素视觉树的节点，它实例化或派生自 C# VisualElement 类。您可以设置外观样式、定义行为并在屏幕上显示它作为 UI 的一部分。更多信息
参见词汇表的外观。 USS 的建议工作流程是：您在 UI Builder 中对元素进行视觉样式化，将样式提取到 USS 文件中，然后在 UXML 中引用它。

如果您在 UI Builder 中对元素进行样式化，则样式将作为内联样式添加到 UXML 元素的 style 属性中

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

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

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

其他资源

UXML 简介

重用 UXML 文件

Unity 手册

向 UXML 添加样式

其他资源