요소를 사용한 작업
UI 툴킷에서 가장 기본적인 구성 요소는 `VisualElement`입니다. 이러한 요소는 부모-자식 관계의 계층 구조 트리로 정렬됩니다. 이를 시각적 트리라고 합니다.
요소 추가
UI를 생성하려면 계층 구조에 요소를 추가해야 합니다. 요소를__ UI__(사용자 인터페이스) 사용자가 애플리케이션과 상호 작용하도록 해 줍니다. Unity는 현재 3개의 UI 시스템을 지원합니다. 자세한 정보
See in Glossary 빌더의 계층 구조에 추가하려면 Library 탭에서 계층 창으로 요소를 드래그합니다. Library의 요소를 더블 클릭하여 계층 구조에 추가할 수도 있습니다. 기본적으로 요소는 이름이 지정되어 있지 않으므로 계층 구조에 유형 이름으로 표시됩니다.
요소에 이름을 지정하려면 계층 구조에서 해당 항목을 더블 클릭하거나 해당 요소의 인스펙터 창에서 Name 속성을 업데이트합니다.
UI 툴킷의 고유한 이름 지정은 강제되지 않으므로 UI 내에서 식별을 위한 용도로만 사용됩니다. UI 빌더는 내부 식별 또는 기능에 요소 이름을 사용하지 않습니다.
계층 구조를 빌드하려면 계층 구조에서 하나 이상의 요소를 드래그하여 순서를 변경하거나 부모 간 이동하십시오.
캔버스에서 요소를 끌어서 내보내거나 끌어다 놓을 수도 있습니다. 여기에는 요소의 위치를 나타내는 노란색 선이 표시됩니다.
요소 조작
선택한 하나 이상의 요소를 복사, 붙여넣기, 복제 또는 삭제하려면 요소를 오른쪽 클릭하고 메뉴에서 옵션을 선택합니다. 사용하는 운영 체제의 표준 단축키를 사용할 수도 있습니다.
요소를 계층 창에 복사하면 요소와 해당 자식의 UXML 텍스트 표현이 복사됩니다. 즉, 텍스트 에디터에 바로 붙여 넣을 수 있습니다. UXML 텍스트를 복사하여 UI 빌더에 붙여 넣을 수도 있습니다.
요소에 수행하는 모든 작업은 해당 요소의 모든 자식에도 적용됩니다. 예를 들어 요소를 삭제하면 해당 자식 요소가 모두 삭제되고 요소를 복제하면 그 아래 요소의 전체 하위 트리가 복제됩니다.
읽기 전용 요소
Library 탭에서 계층 구조 탭으로 요소를 드래그하면 추가적으로 자식 요소가 흐릿한 상태로 표시될 수 있습니다. 이는 읽기 전용 요소입니다. 이는 일부 빌트인 UI 컨트롤과 생성 시 내부 계층 구조를 생성하는 일부 커스텀 요소에서 발생합니다.
자식 요소를 VisualElement에 추가하면 자식 요소가 이 부모 요소의 contentContainer에 추가됩니다. 예를 들어 아래의 ScrollView에는 contentContainer 내부에 하나의 Foldout 자식 요소가 있습니다. 또한 그림자 트리에 있는 몇 가지 Scroller 자식 요소가 있습니다. 그림자 트리는 이 요소의 contentContainer 밖에 있는 자식 요소의 계층 구조입니다.
UI 빌더는 UXML 문서에서 표현할 수 있는 부분만 편집할 수 있으므로 내부 계층 구조는 편집할 수 없습니다. UXML은 라이브 UI 계층 구조의 직접적인 복사본이 아니라 명령어 집합입니다.
UXML의 속성
요소에는 UXML에서 설정할 수 있는 요소별 속성이 있습니다. 이를 생성자 또는 초기화 인자라고 생각해도 됩니다. 여기에는 name 속성이 포함됩니다. 기본 VisualElement 클래스는 name, tooltip, tabindex 같이 모든 요소가 공유하는 몇 가지 표준 속성을 제공합니다(모든 요소가 VisualElement에서 상속하기 때문). 고급 요소와 컨트롤에는 설정할 수 있는 추가 속성이 있습니다. 예를 들어 Label은 text 속성을 추가합니다.
참고: Enter 키를 사용하여 text 속성에 개행 문자를 추가할 수 있습니다.
인스펙터에서 속성 변경
모든 표준 및 커스텀 속성은 인스펙터 창 상단의 Attribute 섹션에 표시됩니다.
속성 섹션에서 속성 값을 설정할 수 있습니다. 필드 레이블 왼쪽에 굵은 실선이 있는 필드가 표시되면 속성이 이미 설정되어 있으며 기본값을 사용하지 않는다는 의미입니다. 예를 들어 비어 있는 tooltip을 test로 설정한 후 다시 빈 상태로 만드는 것은 처음에 전혀 설정하지 않는 것과 다릅니다. 첫 번째 경우는 unset이고 두 번째 경우는 set to empty입니다. this attribute is set은 이 요소에 대한 UXML 텍스트에 이 속성을 a 값으로 설정하는 항목이 있음을 의미합니다.
속성이 UXML 파일에 표시되지 않으면 not set입니다.
속성을 설정 해제하려면 해당 필드 레이블을 오른쪽 클릭하고 Unset을 선택합니다.
모든 속성을 설정 해제하려면 해당 필드 레이블을 오른쪽 클릭하고 Unset All을 선택합니다.
캔버스에서 속성 변경
캔버스에서 직접 변경할 수 있는 유일한 속성은 Button 또는 Label 같은 텍스트 요소의 text 속성입니다. 캔버스에서 text 속성을 변경하려면 캔버스에서 이를 더블 클릭합니다.
변경을 적용하려면 Enter 키를 누릅니다. text 속성에 줄 바꿈 문자가 포함된 경우 Shift+Enter를 사용하여 변경 사항을 적용합니다.
변경 사항을 취소하려면 Esc 키를 누릅니다.