UI 테스트
UI 빌더 내에서 UI를 테스트하고 디버깅 도구를 사용하여 스타일을 조사할 수 있습니다.
미리보기 모드에서 UI 테스트
UI 빌더의 Canvas 내에서 바로 UI를 테스트하려면 뷰포트 툴바에 있는 프리뷰 모드를 활성화합니다. 프리뷰 모드에서는__ UI__(사용자 인터페이스) 사용자가 애플리케이션과 상호 작용하도록 해 줍니다. Unity는 현재 3개의 UI 시스템을 지원합니다. 자세한 정보
See in Glossary 빌더별 선택 오버레이와 핸들이 Canvas에서 제거됩니다. 전체 뷰포트 주위에 주황색 테두리가 둘러져 있으면 프리뷰 모드가 활성화된 것입니다.
프리뷰 모드를 활성화하면 다음을 테스트할 수 있습니다.
-
Foldout과 같은 상태 기반 컨트롤. 이러한 컨트롤을 클릭하여 펼친 다음 나머지 UI의 반응을 확인할 수 있습니다. - 입력 확인을 테스트할 수 있는
IntegerField와 같은 입력 필드 - 위아래 스크롤을 테스트할 수 있는
ScrollView와 같은 큰 컨테이너 - 마우스 커서 전용 스타일을 확인하기 위한
:hover유사 상태
프리뷰 모드에서도 UI 작업을 계속할 수 있습니다. 단, 프리뷰 모드에서는 Canvas 선택 및 매니퓰레이터가 꺼집니다.
스타일 디버그
스타일의 출처를 모르는 경우 UI 빌더 인스펙터의 Matching Selectors 섹션에서 요소의 스타일을 찾을 수 있습니다.
- UI 빌더의 Canvas에서 해당 요소를 선택합니다.
- 인스펙터 창에서 StyleSheet > Matching Selectors를 펼칩니다.
Matching Selectors 섹션에 다음이 표시됩니다.
- 사용자 스타일시트의 USS 선택자
- 기본 Unity 테마의 USS 선택자
참고: 목록에서 아래쪽에 표시되는 USS 선택자는 항상 상위 USS 선택자에서 동일한 스타일 프로퍼티를 오버라이드합니다.
Matching Selectors 섹션에 충분한 정보가 없는 경우 UI 툴킷 디버거를 사용할 수 있습니다. UI 툴킷 디버거는 UI 요소를 실시간으로 검사하고 디버깅하는 데 사용할 수 있는 툴입니다. UI 계층 구조를 시각적으로 표현하며, 이를 사용하여 각 UI 요소 상태와 프로퍼티를 검사할 수 있습니다.