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 속성

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

상속 UXML 속성

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

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

USS 클래스

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

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

추가 리소스

• 변경 이벤트
• 토글