UXML 요소 Foldout

Foldout은 UI의 축소 가능한 섹션입니다.Foldout은 헤더를 클릭하면 포함된 요소를 숨기거나 표시합니다.

Foldout 생성

Foldout에는 다음 요소가 있습니다.

Label:Foldout 이름으로 사용할 수 있는 레이블입니다.
Toggle:토글을 클릭하면 컨테이너 하위 요소가 확장되거나 축소됩니다.기본 체크박스가 아닌 화살표와 같은 스타일입니다.컨테이너가 축소되면 화살표가 오른쪽을 가리킵니다.컨테이너가 확장되면 화살표가 아래쪽을 가리킵니다.
Container:컨테이너에는 Foldout을 토글할 때 표시하거나 숨기려는 시각적 요소가 포함되어 있습니다.

Foldout의 컨테이너에 요소를 추가할 수 있으며, 표시 또는 숨기기 기능이 자동으로 작동합니다.

다음 UI 문서에서는 컨테이너에 두 개의 버튼이 있는 Foldout을 생성합니다.Foldout을 토글할 때 두 개의 버튼이 표시되거나 숨겨집니다.

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
    <ui:Foldout text="Foldout" name="MyFoldout" value="true">
        <ui:Button text="First item" />
        <ui:Button text="Second item" />
    </ui:Foldout>
</ui:UXML>

사용자 행동에 반응

Foldout과 토글 하위 요소는 변경 이벤트에 반응합니다.토글은 Foldout 컨테이너를 숨기거나 표시합니다.

Foldout을 부울 변수에 바인딩하거나 INotifyValueChanged<bool> 인터페이스를 통해 값에 액세스할 수 있습니다.

예제

다음 C# 코드 스니핏은 Foldout을 생성하고 폴드아웃이 확장되는지 확인합니다.

// Create a new foldout, add two elements to it and add it to the container
var cSharpFoldout = new Foldout {text = "Elements"};
cSharpFoldout.Add(new Label("Indented Label"));
cSharpFoldout.Add(new Slider("Indented Slider", 0, 100));
container.Add(cSharpFoldout);

cSharpFoldout.RegisterValueChangedCallback(e =>
{
    // Check whether the foldout is expanded
    if (cSharpFoldout.value)
    {
        Debug.Log("Foldout is expanded");
    }
    else
    {
        Debug.Log("Foldout is collapsed");
    }
});

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

C# 클래스:Foldout
네임스페이스:UnityEngine.UIElements
기본 클래스:BindableElement

구성원 UXML 속성

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

Name	타입	설명
`text`	`string`	토글 레이블의 텍스트입니다.
`value`	`boolean`	폴드아웃 토글의 상태입니다.`Foldout`이 열려 있고 그 콘텐츠가 표시되면 true이고, Foldout이 닫혀 있고 그 콘텐츠가 숨겨져 있으면 false입니다.

상속 UXML 속성

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

Name	타입	설명
`binding-path`	`string`	바인드될 타겟 프로퍼티의 경로입니다.
`focusable`	`boolean`	요소에 포커스를 맞출 수 있으면 true입니다.
`tabindex`	`int`	포커스 링에서 포커스를 맞출 수 있는 항목을 정렬하는 데 사용되는 정수입니다.0보다 크거나 같아야 합니다.

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

Name	타입	설명
`content-container`	`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-foldout`	폴드아웃 요소에 대한 USS 클래스명입니다. Unity는 이 USS 클래스를 `Foldout`의 모든 인스턴스에 추가합니다.이 클래스에 적용된 모든 스타일링은 시각적 트리의 스타일시트 옆이나 아래에 있는 모든 폴드아웃에 영향을 줍니다.
`toggleUssClassName`	`.unity-foldout__toggle`	폴드아웃 요소에 있는 토글 하위 요소의 USS 클래스명입니다. Unity는 이 USS 클래스를 모든 `Foldout`의 `Toggle` 하위 요소에 추가합니다.이 클래스에 적용된 모든 스타일링은 시각적 트리의 스타일시트 옆이나 아래에 있는 모든 토글 하위 요소에 영향을 줍니다.
`contentUssClassName`	`.unity-foldout__content`	폴드아웃의 콘텐츠 요소에 대한 USS 클래스명입니다. Unity는 표시하거나 숨길 요소를 포함하는 `VisualElement`에 이 USS 클래스를 추가합니다.이 클래스에 적용된 모든 스타일링은 시각적 트리의 스타일시트 옆이나 아래에 있는 모든 폴드아웃 컨테이너에 영향을 줍니다.
`inputUssClassName`	`.unity-foldout__input`	폴드아웃의 레이블 요소에 대한 USS 클래스명입니다. Unity는 `Toggle` 입력 요소를 포함하는 `VisualElement`에 이 USS 클래스를 추가합니다.이 클래스에 적용된 모든 스타일링은 시각적 트리의 스타일시트 옆이나 아래에 있는 모든 폴드아웃 컨테이너에 영향을 줍니다.
`checkmarkUssClassName`	`.unity-foldout__checkmark`	폴드아웃의 레이블 요소에 대한 USS 클래스명입니다. Unity는 모든 `Foldout`의 `Toggle` 하위 요소의 체크 표시를 나타내는`VisualElement`에 이 USS 클래스를 추가합니다.이 클래스에 적용된 모든 스타일링은 시각적 트리의 스타일시트 옆이나 아래에 있는 모든 폴드아웃 컨테이너에 영향을 줍니다.
`textUssClassName`	`.unity-foldout__text`	폴드아웃의 레이블 요소에 대한 USS 클래스명입니다. Unity는 모든 `Foldout`의 `Toggle` 하위 요소에 있는 `Label`에 이 USS 클래스를 추가합니다.이 클래스에 적용된 모든 스타일링은 시각적 트리의 스타일시트 옆이나 아래에 있는 모든 폴드아웃 컨테이너에 영향을 줍니다.
`disabledUssClassName`	`.unity-disabled`	비활성화된 로컬 요소의 USS 클래스명입니다.

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

추가 리소스

UXML 요소 FloatField

UXML 요소 GradientField