Version: 2020.3
Unity의 UI 시스템 비교
Accessing UI Toolkit

UI 툴킷

UI Toolkit is a collection of features, functionality, resources, and tools for developing user interfaces (UI). You can use UI Toolkit to develop custom UI and extensions for the Unity Editor, runtime debugging tools, and runtime UI for games and applications.

UI Toolkit is inspired by standard web technologies. If you have experience developing web pages or applications, much of your knowledge might be transferable, and many of the core concepts might be familiar.

참고:
Although Unity recommends using UI Toolkit for some new UI development projects, it’s still missing features found in Unity UI (uGUI) and IMGUI. These older systems are more appropriate for certain use cases, and are required to support deprecated projects. For information about when it’s appropriate to choose an older system instead of the UI Toolkit, see the Comparison of UI systems in Unity.

UI 툴킷 개요

This section provides a short description of the major UI Toolkit features, functionality, resources, and tools, including:

  • UI system: Contains the core features and functionality required to create user interfaces.
  • UI Assets: Asset types inspired by standard web formats. Use them to structure and style UI.
  • Tools and resources: Create and debug your interfaces, and learn how to use UI toolkit.

UI 시스템

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

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

  • Visual tree: Defines every user interface you build with the UI Toolkit. A visual tree is an object graph, made of lightweight nodes, that holds all the elements in a window or panel.
  • 컨트롤: 버튼, 팝업, 리스트 뷰, 컬러 피커 등을 포함한 표준 UI 컨트롤 라이브러리입니다. 있는 그대로 사용하거나, 커스터마이즈하거나, 자체 컨트롤을 만들 수 있습니다.
  • 데이터 바인딩 시스템: 값을 수정하는 컨트롤에 프로퍼티를 연결합니다.
  • 레이아웃 엔진: CSS Flexbox 모델에 기반한 레이아웃 시스템입니다. 레이아웃 및 스타일 지정 프로퍼티에 따라 요소를 배치합니다.
  • 이벤트 시스템: 사용자 상호작용을 요소에 전달합니다. 입력, 터치 및 포인터 상호작용, 드래그 앤 드롭 작업, 기타 이벤트 유형을 예로 들 수 있습니다. 시스템에는 디스패처, 핸들러, 신디사이저, 이벤트 타입 라이브러리가 포함되어 있습니다.
  • UI 렌더러: Unity의 그래픽스 기기 레이어를 기반으로 직접 빌드된 렌더링 시스템입니다.
  • UI Toolkit Runtime Support (via the UI Toolkit package): Contains the components required to create runtime UI. The UI Toolkit package is currently in preview.

UI 에셋

UI 툴킷은 웹 애플리케이션을 개발하는 방법과 유사한 방식으로 사용자 인터페이스를 빌드하는 데 사용할 수 있는 다음의 에셋 타입을 제공합니다.

  • UXML 문서: Unity UXML(eXtensible Markup Language)은 사용자 인터페이스와 재사용 가능 UI 템플릿의 구조를 정의하는 데 사용하는 HTML 및 XML 기반 마크업 언어입니다. C# 파일에서 인터페이스를 직접 빌드할 수도 있지만, Unity는 대부분의 경우 UXML 문서를 사용할 것을 권장합니다.
  • Unity Style Sheets (USS): Style sheets allow you to apply visual styles and behaviors to user interfaces. They’re similar to Cascading Style Sheets (CSS) used on the web, and support a subset of standard CSS properties. Although you can apply styles directly in C# files, Unity recommends using USS files.

UI 툴 및 리소스

UI 툴킷에는 UI 생성에 도움이 되는 다음의 툴과 리소스도 포함되어 있습니다.

  • UI Debugger: The UI debugger is 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 Builder (package): The UI Builder lets you visually create and edit UI Toolkit assets such as UXML and USS files. The UI Builder package is currently in preview. You can install it from the Package Manager window in the Unity Editor under Window > Package Manager.
  • UI Samples: The UI Toolkit includes a library of code samples for UI controls that you can view in the Editor under Window > UI Toolkit > Samples.
Unity의 UI 시스템 비교
Accessing UI Toolkit