语言：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.
“取消”按钮具有深红色边框和粉红色背景。

其他资源

Did you find this page useful? Please give it a rating:

  • 类型选择器
    类选择器
    版权所有 ©2005-2024 Unity Technologies。保留所有权利。构建自 6000.0.25f1 (91cbff7fd174)。构建于：2024-10-19。
    教程社区解答知识库论坛资源商店使用条款法律隐私政策Cookie不要出售或共享我的个人信息