Unity3D :使用 UI 生成器设置 USS 选择器的样式

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

使用 UI 生成器设置 USS 选择器的样式

管理USS选择器

Unity 样式表 (USS) 选择器是对元素层次结构的查询。它们在USS中看起来像这样:

.my-button {
  background-color: blue;
}

上面的USS选择器查找具有类或标签的所有元素,任何匹配的元素都将获得蓝色背景色。.my-button

您可以使用样式表中的 USS 选择器在元素和 UI 文档 (UXML) 之间共享样式。您可以通过“样式表”窗格顶部的“添加新选择器...”字段创建新的 USS 选择器。

当您具有“添加新选择器...”字段时,USS 选择器语法参考将显示在视口顶部,如下图所示:

美国选帝侯备忘单
美国选帝侯备忘单

操纵USS选择器

对于“样式表”窗格中的一个或多个 USS 选择器,选择组,单击鼠标右键,然后选择所需的操作。cut/copy/paste/delete

当您在样式表窗格中复制 USS 选择器时,实际复制到复制/粘贴缓冲区的是 USS 选择器的 USS 文本表示形式。这意味着您可以直接将其粘贴到文本编辑器中,或者相反,复制一些USS文本并将其粘贴到UI Builder中。

将 USS 选择器与元素匹配

建议使用样式类来匹配元素,而不是其 C# 类型或名称属性。下图显示了包含 USS 样式类标签的“样式表”窗格:

样式表窗格与选择器
样式表窗格与选择器

您可以通过将 USS 选择器中使用的样式类(或“标签”)添加到元素来让 USS 选择器匹配元素。可以通过两种方式向元素添加样式类:

  1. 将样式类标签(如
样式类标签

)拖到层次结构画布中的元素上。

  1. 选择元素,然后在检查器“样式表”部分顶部的字段中输入样式类的名称。
  2. 单击将样式类添加到列表按钮:
添加样式类到列表

若要查看哪些样式类已应用于元素,请查看检查器的“样式表”部分中的黄色样式类标签:

StyleSheetSectionOfInspector
StyleSheetSectionOfInspector

您可以双击黄色样式类标签以跳转到将其用作唯一查询的 USS 选择器(如果附加的样式表中存在一个)。

如果黄色样式类标签显示为淡出,则 UI 生成器无法在其查询中包含此类的附加样式表中找到 USS 选择器。您可以双击淡出的黄色类标签,以在活动样式表中创建新的 USS 选择器来查找此样式类。

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

上一篇:Unity3D :创建和管理 UI 文档 (UXML) (mvrlink.com)

下一篇:Unity3D :UI 生成器中的 USS 变量 (mvrlink.com)

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