Unity3D :名称选择器

推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生

名称选择器

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

设置元素的名称:

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

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

语法

名称选择器由元素的分配名称组成,该名称以数字符号 () 为前缀。#

#ElementName { ... }

注意:仅在 USS 文件中写入选择器时使用数字符号 ()。将名称分配给 UXML 或 C# 文件中的元素时,请勿使用它。包含数字符号的元素名称无效。例如无效。#<Button name="#OK" />

为了演示简单的选择器如何匹配元素,下面是一个示例用户界面
公文。

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

“取消”按钮具有深红色边框和粉红色背景。
“取消”按钮具有深红色边框和粉红色背景。

3D建模学习工作室整理翻译,转载请注明出处!

上一篇:Unity3D :类型选择器 (mvrlink.com)

下一篇:Unity3D :类选择器 (mvrlink.com)

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号