Unity3D ：Unity 样式表
推荐：将NSDT场景编辑器加入你的3D工具链
3D工具集：NSDT简石数字孪生
Unity 样式表
Unity 样式表 （USS） 是被识别为支持样式规则的资源的文本文件。USS 文本文件必须具有扩展名。.uss
您可以使用 USS 文件来定义用户界面
游戏和应用程序中的元素。USS 提供了一种将 UI 元素的外观和样式与代码其余部分分开的方法，从而更轻松地管理和维护应用程序的外观。
使用 USS，您可以在单独的 USS 文件中定义按钮、标签、图像和其他 UI 元素的样式，然后在游戏或应用程序代码中应用这些样式。这样就可以通过修改 USS 文件来更改应用程序的外观，而无需更改代码。
USS由以下内容组成：
- 包含选择器和声明块的样式规则。
- 用于标识哪个的选择器视觉元素
样式规则会影响。 - 大括号内的声明块，具有一个或多个样式声明。每个样式声明都有一个属性和一个值。每个样式声明都以分号结尾。
语法
以下是样式规则的一般语法：
selector {
property1: value;
property2: value;
}
样式与规则匹配
定义样式表时，可以将其应用于可视化树
.选择器与元素匹配以解析从 USS 文件应用哪些属性。如果选择器与元素匹配，则样式声明将应用于该元素。
例如，以下规则匹配任何对象：Button
Button {
width: 200px;
}
支持的选项器类型
USS 支持多种类型的简单和复杂选择器，这些选择器根据不同的条件匹配元素，如下所示：
- 元素 C# 类型名称
- 分配的属性
name - 美国航空母舰类别列表
- 元素在可视化树中的位置及其与其他元素的关系
USS 还支持伪类，您可以将这些伪类与选择器一起使用，以定位处于特定状态的元素或选择元素。:root
如果元素与多个选择器匹配，则 USS 将应用优先选择器的样式。
注意：所有选择器都区分大小写。
简单的选择器
USS 支持一组简单选择器，这些选择器类似于 CSS 中的简单选择器，但不完全相同。下表提供了 USS 简单选择器的快速参考。
| 选择器类型 | 语法 | 比赛 |
|---|---|---|
| 类型选择器 | Type {...} | 特定 C# 或可视元素类型的元素。 |
| 类选择器 | .class {...} | 具有分配的 USS 类的元素。 |
| 名称选择器 | #name {..} | 具有已分配属性的元素。name |
| 通用选择器 | * {...} | 任何元素。 |
复杂选择器
USS 支持 CSS 复杂选择器的子集。下表提供了 USS 复杂选择器的快速参考。
| 选择器类型 | 语法 | 比赛 |
|---|---|---|
| 后代选择器 | selector1 selector2 {...} | 作为可视化树中另一个元素的后代的元素。 |
| 子选择器 | selector1 > selector2 {...} | 作为可视化树中另一个元素的子元素的元素。 |
| 多个选择器 | selector1selector2 {...} | 与所有简单选择器匹配的元素。 |
将样式连接到元素
您可以通过以下方法将样式连接到元素：
- 在 UI 生成器中，使用内联样式或 USS 选择器设置元素的样式。有关详细信息，请参阅使用 UI 生成器设置 UI 样式
- 在 UXML 中，使用内联样式设置元素样式，或使用与此元素匹配的选择器附加样式表。有关详细信息，请参阅向 UXML 添加样式。
- 在 C# 脚本中，将样式直接设置为属性，或使用与元素匹配的选择器向属性添加 USS 样式表。有关详细信息，请参阅在 C# 脚本中应用样式。
stylestyleSheet
其他资源
- 美国航空母舰选择器
- USS 的最佳实践
- 主题样式表 （TSS）
由3D建模学习工作室整理翻译，转载请注明出处！