包含此页的版本:
不含此页的版本:
USS 数据类型定义了 USS 属性和函数接受的典型值,包括关键字和单位。
USS 属性使用与 W3C CSS 文档相同的语法:
auto,baseline.<><length>和<color>.<''><'width'>.如果属性值具有多个选项,则适用以下内容:
|) 分隔两个或多个选项。其中之一必须发生。||) 分隔两个或多个选项。其中一个或多个必须按任何顺序出现。&&[]每个类型、关键字或尖括号组后面都可能跟修饰符。下表列出了可能的修饰符:
| 修饰语 | 前面的类型、关键字或组 |
|---|---|
星号 (*) |
出现零次或多次 |
加号 (+) |
发生一次或多次 |
问号 (?) |
是可选的 |
大括号中的一对数字 ({A,B}) |
至少发生A最多B次 |
UI 工具包支持像素(px) 和百分比 () 作为长度的测量单位。像素值是绝对值,而百分比是相对于元素父级的。%
例子:
width:200px;表示宽度为 200 像素。width:50%;表示父元素宽度一半的宽度。指定测量单位很重要。如果未指定度量单位,则 UI 工具包假定属性值以 px 表示。
注意: 0是一个不需要测量单位的特殊值。
数值表示为浮点或整数文字。例如flex:1.0.
某些内置属性支持特定关键字。关键字给出描述性名称而不是数字。例如:position:absolute.
所有属性都支持initialglobal 关键字,将属性的默认值重置为元素。
在以下示例中,尽管您将所有标签的颜色设置为红色,但initial关键字color恢复颜色label1设置为其默认值:
/* Set the color of all the labels to red. */
Label {
color: red;
}
/* label1 is the name of a specific label. */
#label1{
color: initial;
}
UI 工具包支持以下文字颜色值和函数:
#FFFF00,#0F0
rgb(255, 255, 0)
rgba(255, 255, 0, 1.0)
你可以引用USS文件中的项目资源,例如字体和纹理。例如,您可以引用纹理以用作元素的背景图像。
要引用资产,您可以使用url()函数或resource()功能:
resource():表示Resources文件夹。url():表示由路径指定的资产。您可以将其表示为相对路径或绝对路径。使用url()在大多数情况下功能。但是,resource()功能支持针对不同屏幕密度自动加载不同版本的图片资产。
当您使用url()函数,您指定的路径可以是相对路径,也可以是绝对路径:
路径必须包含文件扩展名。
例如,如果您的项目具有USS文件夹,其中包含所有样式表,以及一个Resources文件夹,其中包含所有图像资产。
Assets
└─ Editor
└─ Resources
└─ USS
引用名为thumb.png,您可以使用以下路径之一:
| 相对路径 | 绝对路径 |
|---|---|
url("../Resources/thumb.png") |
url("/Assets/Editor/Resources/thumb.png")url("project:/Assets/Editor/Resources/thumb.png") url("project:///Assets/Editor/Resources/thumb.png")
|
要引用包中的图像,请使用Packages文件夹:
| 相对路径 | 绝对路径 |
|---|---|
url("../Packages/com.my.example.package/Editor/Resources/thumb.png") |
url("Project:///Packages/com.my.example.package/Editor/Resources/thumb.png") |
这resource()函数可以引用 Unity 资源文件夹中的资产 (Resources和Editor Default Resources).按名称引用资产。
Editor Default Resources文件夹中,必须包含文件扩展名。Resources文件夹中,不得包含文件扩展名。例如:
| 文件路径 | 引用语法 |
|---|---|
Assets/Resources/Images/my-image.png |
resource("Images/my-image") |
Assets/Editor Default Resources/Images/my-image.png |
resource("Images/default-image.png") |
要支持具有不同屏幕密度 (DPI) 的屏幕,请执行以下作:
@2x后缀。例如,高 DPI 版本的myimage.png应该是myimage@2x.png
当 Unity 加载资产时,它会自动为当前屏幕 DPI 选择正确的版本。
例如,如果使用resource("myimage")在 USS 中,Unity 加载Resources/myimage.png或Resources/myimage@2x.png.
使用引号指定字符串值。例如:--my-property: "foo".