USS를 사용할 때 UI 코드에서 빌트인 VisualElement
프로퍼티 또는 커스텀 프로퍼티에 대한 값을 지정할 수 있습니다.
USS 파일에서 값을 읽는 것 외에도 빌트인 프로퍼티 값은 VisualElement
의 C# 프로퍼티를 사용하여 C#으로 할당할 수 있습니다. C#으로 할당한 값은 Unity 스타일시트(USS)의 값을 오버라이드합니다.
커스텀 프로퍼티 API를 사용하여 USS를 확장할 수 있습니다. 커스텀 USS 프로퍼티에는 --
접두사가 필요합니다.
이 섹션에는 지원되는 타입이 나와 있습니다.
UIElements는 픽셀(px
) 측정 단위만 지원합니다. 측정 단위가 지정되지 않으면 UIElement는 프로퍼티 타입이 픽셀로 표시된다고 간주합니다. 따라서 px
를 측정 단위로 지정하는 것이 좋습니다.
예를 들어 200픽셀의 너비는 width:200px;
로 표시해야 합니다. 0
은 측정 단위가 필요하지 않는 특수한 값입니다.
숫자 값은 부동 소수점 또는 정수 리터럴로 표시됩니다(예: flex:1.0
).
특정한 키워드는 일부 빌트인 프로퍼티에서 지원됩니다 .키워드는 숫자가 아니라 설명적인 이름을 제공합니다(예: position:absolute
). 모든 프로퍼티는 프로퍼티를 기본값으로 재설정하는 initial
전역 키워드를 지원합니다. 키워드 리스트는 지원되는 프로퍼티를 참조하십시오.
UIElements는 다음의 리터럴 컬러 값 및 함수를 지원합니다.
#FFFF00
(채널당 rgba 1바이트), #0F0
(rgb)rgb(255, 255, 0)
rgba(255, 255, 0, 1.0)
resource()
또는 url()
함수 중 하나를 사용하여 에셋을 참조할 수 있습니다. 예를 들어 background-image: resource("Images/img.png")
를 지정하면 Images
디렉토리에 img.png
를 배경 이미지로 지정할 수 있습니다. 참조된 에셋은 임포트 중에 확인됩니다.
resource()
함수는 Resources
폴더 또는 Editor Default Resources
폴더에 있는 파일을 허용합니다. 단, 다음 사항에 유의하십시오.
Resources
폴더에 있는 경우 파일 확장자를 포함하지 마십시오. 예: background-image: resource("Images/my-image")
Editor Default Resources
폴더에 있는 경우 파일 확장자를 포함해야 합니다. 예: background-image: resource("Images/default-image.png")
또한 텍스처를 로드할 때 resource()
는 편리한 방식으로 고DPI/Retina 스크린을 처리하도록 지원합니다. 파일 이름이 동일하고 @2x
접미사를 가진 텍스처가 동일한 위치에 존재하면 Unity는 스크린 DPI에 따라 해당 텍스처를 자동으로 로드합니다. 예를 들어 USS에서 resource("myimage")
를 사용하면 Unity는 Resources/myimage.png 또는 Resources/myimage@2x.png 를 로드합니다.
url()
함수는 파일 경로가 프로젝트 루트 또는 USS 파일이 담긴 폴더와 관련된다고 예상합니다. 파일 확장자는 반드시 포함해야 합니다. 다음 예제에서 USS 파일은 Assets\Editor\USS 에 있고 thumb.png 배경 이미지는 Assets\Editor\Resources 에 있습니다.
url("../Resources/thumb.png");
url("/Assets/Editor/Resources/thumb.png");
또는 url("project:/Assets/Editor/Resources/thumb.png");
또는 url("project:///Assets/Editor/Resources/thumb.png");
예: background-image: url("Images/my-image.png")
.큰따옴표를 사용하여 문자열 값을 지정하십시오. 예: --my-property: "foo"