USS 데이터 타입은 USS 프로퍼티 및 함수가 허용하는 키워드 및 단위를 포함한 일반적인 값을 정의합니다.
USS 프로퍼티는 W3C CSS 문서와 동일한 구문을 사용합니다.
auto, baseline.< 및 >) 안에 표시됩니다.예시:<length>와 <color>
<' 및 '>)에 표시됩니다. 예: <'width'>
하나의 프로퍼티 값에 둘 이상의 옵션이 있는 경우 다음이 적용됩니다.
|) separates two or more options. One of them must occur.||`) separate two or more options. One or more of them must occur in any order.&&)가 두 개 이상의 옵션을 구분합니다.모든 옵션이 발생해야 합니다.[ ])는 그룹화를 의미합니다.모든 타입, 키워드 또는 꺾쇠 괄호로 구분된 그룹은 뒤에 조정값이 올 수 있습니다.다음 표에는 사용 가능한 조정값이 나열되어 있습니다.
| 조정값 | 이전 타입, 키워드 또는 그룹 |
|---|---|
별표(*) |
0회 이상 발생 |
더하기 기호(+) |
1회 이상 발생 |
물음표(?) |
선택 사항 |
중괄호로 묶인 숫자 쌍({A,B}) |
최소 ‘A’, 최대 ‘B’ 횟수 발생 |
UI 툴킷은 길이 측정 단위로 픽셀(px)과 백분율(%)을 지원합니다.픽셀 값은 절대값이고 백분율은 요소의 부모에 대한 상대값입니다.
예제:
width:200px; 200픽셀의 너비를 표현합니다.width:50%; 부모 요소 너비의 절반을 표현합니다.측정 단위를 지정하는 것이 중요합니다.측정 단위를 지정하지 않으면 UI 툴킷은 프로퍼티 값이 픽셀 단위로 표시된다고 가정합니다.
참고: 0은 측정 단위가 필요하지 않은 특수 값입니다.
숫자 값은 부동 소수점 또는 정수 리터럴로 표시됩니다(예: flex:1.0).
일부 빌트인 프로퍼티에는 특정 키워드가 지원됩니다.키워드는 숫자 대신 설명적인 이름을 지정합니다.예시:position:absolute.
모든 프로퍼티는 프로퍼티의 기본값을 요소로 재설정하는 initial 전역 키워드를 지원합니다.
다음 예시에서는 모든 레이블의 컬러를 빨간색으로 설정했지만 color의 initial 키워드는 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 (채널당 1바이트의 RGBA), #0F0 (RGB)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")
|
resource() 함수는 Unity의 리소스 폴더(Resources 및 Editor Default Resources)에 있는 에셋을 참조할 수 있습니다. 에셋은 이름별로 참조합니다.
Editor Default Resources 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 접미사가 있는지 확인합니다. 예를 들어 myimage.png의 높은 DPI 버전은 myimage@2x.png여야 합니다.Unity는 에셋을 로드할 때 현재 화면 DPI에 대한 올바른 버전을 자동으로 선택합니다.
예를 들어 USS에서 resource("myimage")를 사용하는 경우 Unity는 Resources/myimage.png 또는 Resources/myimage@2x.png를 로드합니다.
큰따옴표를 사용하여 문자열 값을 지정하십시오. 예: --my-property: "foo"