Unity3D :多个选择器

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

多个选择器

多重选择器是多个简单选择器的组合。它选择与所有简单选择器匹配的任何元素。

语法

多重选择器由多个简单选择器组成,没有任何内容可以分隔它们:

selector1selector2 {...}

如果 USS 解析器无法区分组合中的每个选择器,则无法解析多重选择器。

例如,以下 USS 规则组合了两个类型选择器:、 和 。ListViewButton

ListViewButton{...}

USS 解析器无法分离这两种元素类型,它会将它们解释为名为 ListViewButton 的单个类,这可能不是所需的结果。

您可以将 USS 类选择器和名称选择器组合成多个选择器。因为分别有句点 (.) 和数字符号 (#),解析器可以清楚地识别它们。类型选择器没有标识字符,因此只能在多个选择器中使用其中一个,并且它必须是组合中的第一个选择器。例如:

ListView.yellow#vertical-list{...}

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

<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.yellow {
  background-color: yellow;
}

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

“确定”按钮具有黄色背景色。
“确定”按钮具有黄色背景色。

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

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

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

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