Version: 6000.3
语言: 中文
使用UXML实例作为模板
在 UI Builder 中管理 USS 变量

使用 UI Builder 设置 UI 样式

在 UI Builder 中,您可以使用内联样式或 USS 选择器设置元素的样式。内联样式通常用于一次性或实验目的,而通过样式表管理样式往往更容易、更高效。您可以将内联样式提取到 USS 类。您还可以在 UI Builder 中管理样式表和 USS 选择器。

将内联样式设置为元素

您可以在元素的检查器一个 Unity 窗口,显示有关当前选定游戏对象、资产或项目设置的信息,允许您检查和编辑值。更多信息
请参阅术语表
窗。

在字段标签左侧显示为粗体并带有实线的样式字段表示已设置或覆盖的样式属性。跟踪这些重写的样式属性非常重要,因为它们始终重写来自样式表或 C# 默认值的相同属性。要取消设置或删除样式属性的覆盖,请右键单击样式字段并选择“取消设置”。

注意:不能使用内联样式来设置伪类只读元素的样式。

管理样式表

要添加样式表,请使用 + 下拉菜单并选择以下选项之一:

  • 创建新 USS:这将打开“保存文件”对话框,以在项目中创建新的样式表。
  • 添加现有 USS:这将打开“打开文件”对话框,将现有样式表添加到 UI 文档。

要从活动 UI 文档中删除样式表,请右键单击样式表并选择“删除 USS”。

要使样式表处于活动状态,请右键单击样式表,然后选择设置为活动 USS活动样式表显示为粗体。

编辑子文档时,属于父文档的样式表显示为灰色,并且是只读的。

注意:您可以使用文本编辑器在 USS 文件中添加注释,就像使用 CSS 文件一样。但是,如果您在 UI Builder 中打开 USS 文件,则在您从 UI Builder 保存 USS 文件后,注释将立即删除。

创建 USS 选择器

您可以在样式表窗口中创建任何新的 USS 选择器。您还可以在“检查器”窗口的“样式表”部分中创建新的类选择器。新的选择器总是添加到活动样式表中。

要在“样式表”窗口中创建新的选择器:

  1. 在“样式表”窗口中,单击“添加新选择器...”字段。这将在视口用户在屏幕上应用的可见区域。
    术语表中查看
    如下图所示:

    USS 选择器备忘单
    USS 选择器备忘单
  2. 输入具有正确语法的选择器。例如,类选择器应以..

  3. 按 Enter 键。

  4. 在“样式表”窗口中,选择新创建的选择器。

  5. 在选择器的“检查器”窗口中,为选择器设置所需的样式。

要在元素的 Inspector 窗口中创建新的类选择器:

  1. 在“层次结构”窗口中,选择元素。

  2. 在“检查器”窗口中,在“样式类列表”文本字段中输入类选择器。

  3. 选择“将样式类添加到列表”。黄色样式的类标签出现在样式类列表中

    Inspector 的 StyleSheet 部分
    Inspector 的 StyleSheet 部分
  4. 如果黄色样式的类标签显示为淡色,则表示附加的样式表中不存在选择器。您可以双击它以创建新的类选择器。如果类选择器存在,您可以双击它以打开选择器的检查器窗口。

纵 USS 选择器

要复制、粘贴、复制、重命名或删除一个或多个 USS 选择器:

  1. 在“样式表”窗口中,选择该组。
  2. 右键单击该组并选择所需的作。

提示: 您可以在 UI Builder 的样式表窗口和文本编辑器之间复制并粘贴 USS 选择器。

将 USS 样式类与元素匹配

您可以将 USS 类与元素相匹配。例如,如果您有以下 USS 样式:

样式表窗格与选择器
样式表窗格与选择器

要将 USS 样式类与元素匹配,请执行以下任一作:

  • 将样式类标签(如 样式类标签)拖到层次结构画布中的元素上。
  • 在元素的“检查器”窗口中的“样式表>样式类列表”字段中输入选择器的名称,然后选择“将样式类添加到列表”:

将选择器添加到列表

其他资源

使用UXML实例作为模板
在 UI Builder 中管理 USS 变量