Version: Unity 6.0 (6000.0)
语言 : 中文
类型选择器
类选择器

名称选择器

USS 名称选择器根据元素的名称匹配元素。USS 名称选择器类似于匹配具有特定 id 属性的元素的 CSS ID 选择器。

要设置元素的名称:

  • 在 C# 脚本中,使用 VisualElement.name
  • 在 UXML 中,使用 name 属性。例如:<VisualElement name="my-nameName">

为避免意外匹配,请在面板中使元素名称具有唯一性。

语法

名称选择器由元素的指定名称和数值符号 (#) 前缀组成。

#ElementName { ... }

注意:仅当您在 USS 文件中编写选择器时使用数字符号 (#)。当您为 UXML 或 C# 文件中的元素指定名称时,请勿使用数字符号。包含数字符号的元素名称无效。例如,<Button name="#OK" /> 是无效的。

示例

下方是一个__ UI__(即用户界面,User Interface)让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary
文档示例,演示了简单选择器如何与元素匹配。

<UXML xmlns="UnityEngine.UIElements">
  <VisualElement name="container1">
    <VisualElement name="container2" class="yellow">
      <Button name="OK" class="yellow" text="OK" />
      <Button name="Cancel" text="Cancel" />
    </VisualElement>
  </VisualElement>
</UXML>

如果未应用样式,则 UI 如下所示:

具有边距和细蓝色边框的按钮示例。
具有边距和细蓝色边框的按钮示例。

以下名称选择器样式规则与第二个 Button 元素匹配。

#Cancel {
    border-width: 2px;
    border-color: DarkRed;
    background-color: pink;
}

应用样式时,UI 如下所示:

Cancel 按钮具有深红色边框和粉色背景。
Cancel 按钮具有深红色边框和粉色背景。

其他资源

类型选择器
类选择器