폴드아웃

폴드아웃은 축소 가능한__ UI__(사용자 인터페이스) 사용자가 애플리케이션과 상호 작용하도록 해 줍니다. Unity는 현재 3개의 UI 시스템을 지원합니다. 자세한 정보
See in Glossary 섹션입니다. 폴드아웃의 헤더를 클릭하면 포함되어 있는 요소가 숨겨지거나 표시됩니다.

폴드아웃 생성

폴드아웃에는 다음 요소가 있습니다.

• 레이블: 폴드아웃의 이름으로 사용할 수 있는 레이블입니다.
• 토글: 토글을 클릭하면 컨테이너 하위 요소를 확장하거나 축소할 수 있습니다. 기본 체크박스가 아닌 화살표처럼 보이도록 스타일이 지정되어 있습니다. 컨테이너가 축소되면 화살표가 오른쪽을 가리킵니다. 컨테이너가 확장되면 화살표가 아래를 가리킵니다.
• 컨테이너: 컨테이너에는 폴드아웃을 토글할 때 표시하거나 숨기려는 시각적 요소가 포함되어 있습니다.

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

다음 UI 문서에서는 컨테이너에 두 개의 버튼이 있는 폴드아웃을 생성합니다. 폴드아웃을 토글하면 두 개의 버튼이 표시되거나 숨겨집니다.

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

사용자 행동에 반응

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

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

예제

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

// 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 선택자를 확인할 수도 있습니다.

추가 리소스

• 변경 이벤트
• 토글