인라인 스타일과 스타일 시트의 비교

UI 툴킷 내 요소의 스타일 정보는 다음 3곳에서 나올 수 있습니다.

1. C#에서 직접 설정된 C# 인라인 스타일 프로퍼티. 이러한 프로퍼티는 다른 소스에서 나온 같은 프로퍼티를 모두 오버라이드합니다.
2. 요소 자체의 UXML 인라인 스타일 프로퍼티. UXML 내에 직접 저장되며, 특수 style 속성을 사용합니다. 이러한 프로퍼티는 스타일 시트에서 나온 동일한 프로퍼티를 모두 오버라이드합니다.
3. StyleSheet(.uss) 에셋에서 나왔으며 요소가 USS 선택자(검색 쿼리와 같음)와 일치하여 요소에 적용된 StyleSheet 스타일 프로퍼티.

스타일 시트는 CSS와 비슷하게 UI 요소, UI 패널 및 스크린 간 스타일 공유를 허용합니다. 또한 테마처럼 한 곳에서 애플리케이션 전체의 빠른 리팩터링 및 스타일 변경도 허용합니다. 개별 요소에 스타일을 적용하지 말고 가능한 한 스타일 시트의 스타일을 유지하는 것이 좋습니다.

UI 빌더에서 우선 요소를 만들고 인라인 스타일을 사용해보면서 요소 수가 아직 작을 때 실험해볼 수 있습니다. 더욱 복잡한 UI를 빌드할수록 스타일 시트를 사용하여 스타일을 관리하면 간편합니다. 인스펙터의 StyleSheet 섹션에 있는 Extract Inline Styles to New Class를 사용하여 요소의 인라인 스타일을 StyleSheet로 추출할 수 있습니다.

또한 스타일 시트에는 다음과 같이 인라인 스타일과 사용할 수 없는 기능이 있습니다.

1. :hover와 같은 유사 상태. 이러한 유사 상태는 요소에 마우스 커서를 올리면 해당 요소에 일부 스타일 프로퍼티를 적용합니다.
2. Template Instance(다른 UI 문서(UXML)의 인스턴스) 내부의 읽기 전용 계층 구조 내 요소 또는 내부 계층 구조를 생성하는 커스텀 C# 요소 스타일링. 다음과 같이 계층 구조 USS 선택자를 사용하는 스타일 시트로 요소를 스타일링할 수 있습니다.

   .parentElement > .childElement

스타일 시트에 관하여 자세히 알아보려면 Unity 스타일 시트를 참조하십시오.