Version: 2023.2
언어: 한국어
UXML 요소 SliderInt
UXML 요소 TabView

UXML 요소 Tab

Tab 요소는 TabView 내에 단일 탭을 표시합니다. 창이나 메뉴에서 탭을 사용하여 관련 콘텐츠를 그룹화할 수 있습니다.

닫을 수 있는 Tab 만들기

Tab을 닫을 수 있게 만들려면 closable 프로퍼티를 true로 설정합니다. Tab을 닫을 수 있게 되면 닫기 아이콘이 Tab에 표시됩니다. 사용자가 닫기 아이콘을 선택하면 Tab이 닫힙니다.

Tab에 아이콘 추가

Tab에 아이콘을 추가하여 시각적으로 더 효과적인 Tab을 만들 수 있습니다. 아이콘은 Texture, Render Texture, Sprite, Vector와 같이 프로젝트에 있는 이미지 에셋일 수 있습니다. 이미지 에셋을 참조하는 방법은 에셋을 참조하십시오.

UI Builder로 Tab에 아이콘을 추가하려면 다음 중 하나를 수행합니다.

  • Tab의 인스펙터 패널에서 Icon Image 드롭다운 목록의 아이콘을 선택합니다.
  • 아이콘을 Assets 창에서 Tab의 인스펙터 패널에 있는 Icon Image 필드로 드래그합니다.

UXML로 아이콘을 Tab에 추가하려면 이미지 소스를 icon-image 속성에 추가합니다.

<ui:Tab name="Tab" text="Tab text" icon-image="/path/to/image-file.png" />

C#으로 아이콘을 Tab에 추가하려면 이미지 소스를 iconImage 프로퍼티에 할당합니다.

Tab myTab = new Tab();
var TabIconImage = Resources.Load<Texture2D>("image-file");

myTab.text = "Tab text";
myTab.iconImage = TabIconImage;

예제

다음 UXML 예시에서는 Tab이 있는 TabView를 생성합니다.

[!code-xml[(External/Resources/editor_resources/Assets/Editor Default Resources/UIPackageResources/Snippets/UXML/TabViewSnippet.uxml)]

다음 C# 예시에서는 커스터마이즈 가능한 일부 TabView 및 그 Tab의 기능을 보여 줍니다.

[!code-cs[(Modules/UIElementsSamplesEditor/Snippets/TabViewSnippet.cs#sample)]

이 예시를 Unity에서 실험해 보려면 Window > UI Toolkit > Samples로 이동합니다.

추가 예시는 다음을 참조하십시오.

-탭 메뉴 생성.

C# 기본 클래스 및 네임스페이스

C# 클래스: Tab
네임스페이스: UnityEngine.UIElements
기본 클래스: VisualElement

구성원 UXML 속성

이 요소에는 다음 구성원 속성이 있습니다.

Name 타입 설명
closeable boolean 탭을 닫을 수 있게 하는 프로퍼티입니다.

기본값은 false입니다. 사용자가 탭 뷰에서 탭을 닫을 수 있게 하려면 이 값을 true로 설정합니다.
icon-image Object 탭 헤더에 대한 아이콘을 설정합니다.
label string 탭 헤더의 레이블을 설정합니다.

상속 UXML 속성

이 요소는 다음 속성을 해당 기본 클래스에서 상속합니다.

Name 타입 설명
focusable boolean 요소에 포커스를 맞출 수 있으면 true입니다.
tabindex int 포커스 링에서 포커스를 맞출 수 있는 항목을 정렬하는 데 사용되는 정수입니다.0보다 크거나 같아야 합니다.

또한 이 요소는 다음 속성을 VisualElement에서 상속합니다.

Name 타입 설명
content-container string 자식 요소가 추가되며, 일반적으로 요소 자체와 동일합니다.
data-source Object 상속된 모든 데이터 소스를 오버라이드하는 이 VisualElement에 데이터 소스를 할당합니다. 이 데이터 소스는 모든 자식에게 상속됩니다.
data-source-path string 데이터 소스에서 값까지의 경로입니다.
name string 이 VisualElement의 이름입니다.

이 프로퍼티를 사용하면 특정 요소를 타게팅하는 USS 선택자를 작성할 수 있습니다.요소에 고유한 이름을 부여하는 것이 표준 관행입니다.
picking-mode UIElements.PickingMode mouseEvents 또는 IPanel.Pick 쿼리 중에 이 요소를 선택할 수 있는지를 결정합니다.
style string 이 요소의 스타일 오브젝트에 대한 레퍼런스입니다.

USS 파일에서 계산된 데이터 또는 C#에서 이 오브젝트에 작성된 인라인 스타일을 포함합니다.
tooltip string 사용자가 마우스를 요소 위에 잠시 놓은 후 정보 박스 안에 표시할 텍스트입니다.이는 에디터 UI에서만 지원됩니다.
usage-hints UIElements.UsageHints VisualElement에 대한 고수준의 의도된 사용 패턴을 지정하는 힌트 값 조합입니다.이 프로퍼티는 VisualElement가 아직 Panel에 포함되어 있지 않을 때만 설정할 수 있습니다.Panel에 포함되면 이 프로퍼티는 사실상 읽기 전용이 되며, 변경을 시도하면 예외가 발생합니다.적절한 UsageHints를 지정하면 시스템에서 예상하는 사용 패턴에 따라 특정 작업을 처리하거나 가속하는 방법에 대해 더 나은 결정을 내릴 수 있습니다.이러한 힌트는 동작이나 시각적 결과에는 영향을 주지 않으며 패널과 그 안의 요소의 전반적인 성능에만 영향을 줍니다.항상 적절한 UsageHints를 지정하는 것이 좋지만, 일부 UsageHints는 특정 조건(예: 타겟 플랫폼의 하드웨어 제한으로 인해)에서 내부적으로 무시될 수 있다는 점에 유의하십시오.
view-data-key string 트리 확장 상태, 스크롤 위치, 줌 레벨 등의 데이터 지속성을 확인하는 데 사용됩니다.

이 키는 뷰 데이터 스토어에서 뷰 데이터를 저장 및 로드하는 데 사용됩니다. 이 키를 설정하지 않은 경우 관련 VisualElement에 대해 지속성이 비활성화됩니다. 자세한 내용은 데이터 지속성 확인을 참조하십시오.

USS 클래스

다음 표는 모든 C# 공용 프로퍼티 이름과 관련 USS 선택자의 리스트입니다.

C# 프로퍼티 USS 선택자 설명
ussClassName .unity-tab 이 타입 요소의 USS 클래스명입니다.
tabHeaderUssClassName .unity-tab__header 이 타입의 헤더에 대한 USS 클래스명입니다.
tabHeaderImageUssClassName .unity-tab__header-image 헤더 내부의 아이콘에 대한 USS 클래스명입니다.
tabHeaderEmptyImageUssClassName .unity-tab__header-image--empty 값이 null인 경우 헤더 내 아이콘에 대한 USS 클래스명입니다.
tabHeaderStandaloneImageUssClassName .unity-tab__header-image--standalone 레이블이 비어 있거나 null인 경우 헤더 내 아이콘에 대한 USS 클래스명입니다.
tabHeaderLabelUssClassName .unity-tab__header-label 헤더의 레이블에 대한 USS 클래스명입니다.
tabHeaderEmptyLabeUssClassName .unity-tab__header-label--empty 값이 비어 있거나 null인 경우 헤더의 레이블에 대한 USS 클래스명입니다.
tabHeaderUnderlineUssClassName .unity-tab__header-underline 헤더의 활성 상태 밑줄에 대한 USS 클래스명입니다.
contentUssClassName .unity-tab__content-container 이 타입의 컨테이너 요소에 대한 USS 클래스명입니다.
draggingUssClassName .unity-tab--dragging 이 타입의 드래그 상태에 대한 USS 클래스명입니다.
reorderableUssClassName .unity-tab__reorderable 순서 변경이 가능한 탭 요소에 대한 USS 클래스명입니다.
reorderableItemHandleUssClassName .unity-tab__reorderable-handle 순서 변경이 가능한 탭의 드래그 핸들에 대한 USS 클래스명입니다.
reorderableItemHandleBarUssClassName .unity-tab__reorderable-handle-bar 순서 변경이 가능한 탭의 드래그 핸들바에 대한 USS 클래스명입니다.
closeableUssClassName .unity-tab__header__closeable 닫을 수 있는 탭에 대한 USS 클래스명입니다.
closeButtonUssClassName .unity-tab__close-button 닫을 수 있는 탭의 닫기 버튼에 대한 USS 클래스명입니다.
disabledUssClassName .unity-disabled 비활성화된 로컬 요소의 USS 클래스명입니다.

또한 인스펙터 또는 UI 툴킷 디버거의 매칭 선택자 섹션을 사용하여 해당 계층 구조의 모든 레벨에서 VisualElement 컴포넌트에 영향을 주는 USS 선택자를 확인할 수도 있습니다.

추가 리소스

UXML 요소 SliderInt
UXML 요소 TabView