版本:Unity 6 (6000.0)
语言:English
类型选择器
类选择器

名称选择器

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

设置元素的名称

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

为了避免意外匹配,请在面板内使元素名称唯一。

语法

名称选择器由元素的分配名称加上井号 (#) 前缀组成。

#ElementName { ... }

注意:仅当您在 USS 文件中编写选择器时才使用井号 (#)。在您在 UXML 或 C# 文件中为元素分配名称时不要使用它。包含井号的元素名称无效。例如<Button name="#OK" />无效。

示例

为了演示简单选择器如何匹配元素,这里有一个示例UI(用户界面) 允许用户与您的应用程序交互。Unity 目前支持三种 UI 系统。更多信息
参见术语表
文档。

<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 如下所示

Example buttons with margins and thin blue borders.
带有边距和细蓝色边框的示例按钮。

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

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

应用样式后,UI 如下所示

The Cancel button has a dark red border and a pink background.
“取消”按钮具有深红色边框和粉红色背景。

其他资源

类型选择器
类选择器