TSS(테마 스타일시트)

TSS(테마 스타일시트) 파일은 일반 USS 파일입니다.UI 툴킷은 TSS를 별개의 에셋 타입으로 취급하여 관리 목적으로 사용합니다.

일반적인 USS 구문과 포맷은 TSS 파일에 적용되지만, 일반적으로 테마 파일에는 @import 규칙을 통해 다른 USS 파일에 대한 레퍼런스가 포함되어 있습니다.

참고:USS 파일은 또한 @import 규칙을 지원합니다.

TSS 만들기

테마별로 서로 다른 TSS 파일을 생성하고 런타임 시 테마 간에 전환할 수 있습니다.TSS를 사용하여 다양한 플랫폼 또는 기기에 맞게 디자인(look and feel)을 커스터마이즈할 수 있습니다.게임이나 애플리케이션이 여러 언어를 지원하는 경우 언어별로 다른 폰트를 사용하도록 TSS를 만들 수도 있습니다.

프로젝트의 게임 오브젝트에 첫 번째 UIDocument를 추가하면 Assets/UI Toolkit/UnityThemes/UnityDefaultTheme.tss에서 기본 런타임 테마 에셋을 생성합니다.상속하고 스타일을 덮어쓰거나 새 스타일을 추가하여 커스텀 테마를 만들 수 있습니다.

새 TSS를 만들려면:

1. Assets > Create > UI Toolkit > TSS Theme File을 선택합니다.
2. 원하는 경우 기본 테마에서 상속합니다.
3. 커스텀 스타일로 USS를 만들고 테마로 스타일 임포트를 수행합니다.
4. 커스텀 테마는 UI 빌더의 Viewport 테마 리스트에도 표시됩니다.테마를 미리보려면 Viewport에서 선택합니다.

TSS 적용

USS를 사용하는 것과 동일한 방법으로 C# 또는 UXML에서 TSS를 참조할 수 있습니다.

패널 설정 에셋의 기본 테마로 TSS를 설정할 수도 있습니다.패널 설정이 두 개 이상인 경우 각 패널 설정은 서로 다른 TSS 파일을 사용할 수 있습니다.

테마 상속

@import 규칙 또는 TSS 에셋의 인스펙터 창을 사용하여 테마를 상속할 수 있습니다.

@import 규칙의 구문은 다음과 같습니다.

@import url("<path-to-file>/fileName.tss");

인스펙터 창에서 테마를 상속하려면 다음을 수행하십시오.

1. 해당 TSS 에셋을 선택합니다.
2. Inspector > Inherited Themes로 이동합니다.
3. +를 선택합니다.그러면 새로운 레퍼런스 필드가 추가됩니다.
4. 레퍼런스 필드에서 해당 리스트 아이콘을 선택합니다.프로젝트의 모든 테마가 포함된 드롭다운 리스트가 나타납니다.
5. 상속할 테마를 선택합니다.

스타일시트 임포트

@import 규칙 또는 TSS 에셋의 인스펙터 창을 사용하여 스타일시트를 임포트할 수 있습니다.

@import 규칙의 구문은 다음과 같습니다.

@import url("<path-to-file>/fileName.uss");

인스펙터 창에서 스타일시트를 임포트하려면 다음을 수행하십시오.

1. 해당 TSS 에셋을 선택합니다.
2. Inspector > Inherited Themes로 이동합니다.
3. +를 선택합니다.그러면 새로운 레퍼런스 필드가 추가됩니다.
4. 레퍼런스 필드에서 해당 리스트 아이콘을 선택합니다.프로젝트의 모든 스타일시트가 포함된 드롭다운 리스트가 나타납니다.
5. 사용할 스타일시트를 선택합니다.
6. Apply를 선택합니다.

추가 리소스

• USS 소개
• C#으로 스타일 적용
• UXML에 스타일 추가