UI 툴킷

UI 툴킷은 사용자 인터페이스(UI) 개발을 위한 기능, 리소스 및 툴 컬렉션입니다. UI 툴킷을 사용하면 Unity 에디터용 커스텀 UI 및 확장 기능, 런타임 디버깅 툴, 그리고 게임 및 애플리케이션용 런타임 UI를 개발할 수 있습니다.

UI 툴킷은 표준 웹 기술에서 영감을 받았습니다. 웹 페이지나 애플리케이션을 개발한 경험이 있다면 지식을 그대로 활용할 수 있으며, 주요 개념이 익숙할 것입니다.

참고: Unity는 신규 UI 개발 프로젝트에 UI 툴킷 사용을 권장하지만, Unity UI(uGUI) 및 IMGUI는 특정 사용 사례에 더 적합하며, 지원이 중단된 프로젝트를 지원하는 데 필요합니다. 자세한 내용은 Unity의 UI 시스템 비교를 참조하십시오.

UI 시스템

UI 툴킷의 핵심은 인정받은 웹 기술에 기반한 보류 모드 UI 시스템입니다. 스타일시트, 동적 및 컨텍스트 이벤트 처리를 지원합니다.

UI 시스템에는 다음 기능이 포함됩니다.

• 시각적 트리: 창 또는 패널의 모든 요소를 포함하는 경량 노드로 구성된 오브젝트 그래프입니다. UI 툴킷으로 빌드하는 모든 UI를 정의합니다.
• 컨트롤: 버튼, 팝업, 리스트 뷰, 컬러 피커와 같은 표준 UI 컨트롤 라이브러리입니다. 그대로 사용하거나 커스터마이즈하여 사용하거나 고유한 컨트롤을 만들 수 있습니다.
• 데이터 바인딩 시스템: 시스템은 프로퍼티 값을 수정하는 컨트롤에 프로퍼티를 연결합니다.
• 레이아웃 엔진: CSS Flexbox 모델에 기반한 레이아웃 시스템입니다. 레이아웃 및 스타일 지정 프로퍼티에 따라 요소를 배치합니다.
• 이벤트 시스템: 시스템은 입력, 터치 및 포인터 상호작용, 드래그 앤 드롭 작업, 기타 이벤트 타입과 같은 요소에 유저 상호 작용을 전달합니다. 시스템에는 디스패처, 헨들러, 신서사이저, 이벤트 타입 라이브러리가 포함됩니다.
• UI Renderer: A rendering system built directly on top of Unity’s graphics device layer.
• Editor UI support: A set of components to create Editor UI.
• Runtime UI Support: A set of components to create runtime UI.

UI 에셋

다음 에셋 타입을 사용하여 웹 애플리케이션을 개발하는 방법과 유사한 방법으로 UI를 빌드합니다.

• UXML 문서: HTML 및 XML에서 영감을 받은 마크업 언어는 UI 및 재사용 가능한 UI 템플릿의 구조를 정의합니다. C# 파일에서 직접 인터페이스를 빌드할 수 있지만 가능하면 UXML 문서를 사용할 것을 권장합니다.
• Unity 스타일시트(USS): 스타일시트는 시각적 스타일과 동작을 UI에 적용할 수 있습니다. 웹에서 사용되는 캐스케이딩 스타일시트(CSS)와 유사하며, 표준 CSS 프로퍼티의 하위 집합을 지원합니다. C# 파일에서 스타일을 직접 적용할 수도 있지만 가능하면 USS 파일을 사용할 것을 권장합니다.

UI 툴 및 리소스

다음 툴을 사용하여 인터페이스를 생성 및 디버깅하고, UI 툴킷을 사용하는 방법을 배웁니다.

• UI Debugger: A diagnostic tool that resembles a web browser’s debugging view. Use it to explore a hierarchy of elements and get information about its underlying UXML structure and USS styles. You can find it in the Editor under Window > UI Toolkit > Debugger.
• UI 빌더: UI 툴을 사용하면 UXML 및 USS 파일과 같은 UI 툴킷 에셋을 시각적으로 생성하고 편집할 수 있습니다.
• UI 샘플: 에디터의 Window > UI Toolkit > Samples에서 볼 수 있는 UI 컨트롤용 코드 샘플 라이브러리입니다.