UI 툴킷

UI 툴킷은 UI(사용자 인터페이스) 개발을 위한 기능, 리소스 및 툴 컬렉션입니다. UI 툴킷을 사용하면 Unity 에디터용 커스텀__ UI__(사용자 인터페이스) 사용자가 애플리케이션과 상호 작용하도록 해 줍니다. Unity는 현재 3개의 UI 시스템을 지원합니다. 자세한 정보
See in Glossary 및 확장 기능, 런타임 디버깅 툴, 그리고 게임 및 애플리케이션용 런타임 UI를 개발할 수 있습니다.

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

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

UI 시스템

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

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

• 시각적 트리: 오브젝트 그래프이며, 창 또는 패널의 모든 요소를 ​포함하는 경량 노드로 구성되어 있습니다. UI 툴킷으로 만든 모든 UI를 정의합니다.
• 컨트롤: 버튼, 팝업, 리스트 뷰, 컬러 피커와 같은 표준 UI 컨트롤의 라이브러리입니다. 그대로 사용하거나 커스터마이즈하거나 직접 컨트롤을 생성할 수 있습니다.
• 데이터 바인딩 시스템: 이 시스템은 값을 수정하는 컨트롤에 프로퍼티를 연결합니다.
• 레이아웃 엔진: CSS Flexbox 모델을 기반으로 한 레이아웃 시스템입니다. 레이아웃 및 스타일링 프로퍼티에 따라 요소의 위치를 지정합니다.
• 이벤트 시스템: 시스템은 입력, 터치 및 포인터 상호 작용, 드래그 앤 드롭 작업, 기타 이벤트 유형과 같은 사용자 상호 작용을 요소에 전달합니다. 시스템에는 디스패처, 핸들러, 신서사이저, 이벤트 유형 라이브러리가 포함되어 있습니다.
• UI 렌더러: Unity의 그래픽스 기기 레이어를 기반으로 직접 구축된 렌더링 시스템입니다.
• 에디터 UI 지원: 에디터 UI를 생성하기 위한 컴포넌트 세트입니다.
• 런타임 UI 지원: 런타임 UI를 생성하기 위한 컴포넌트 세트입니다.

UI 에셋

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

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

UI 툴 및 리소스

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

• UI 디버거: 웹 브라우저의 디버깅 뷰와 유사한 진단 툴입니다. 이를 사용하여 요소의 계층 구조를 살펴보고 기본 UXML 구조와 USS 스타일에 대한 정보를 얻을 수 있습니다. 에디터의 Window > UI Toolkit > Debugger에서 이를 찾을 수 있습니다.
• UI 빌더: 이 UI 툴을 사용하면 UXML 및 USS 파일과 같은 UI 툴킷 에셋을 시각적으로 생성하고 편집할 수 있습니다.
• UI 샘플: 에디터의 Window > UI Toolkit > Samples에서 확인할 수 있는 UI 컨트롤용 코드 샘플 라이브러리입니다.