Foldout은 UI의 축소 가능한 섹션입니다.Foldout은 헤더를 클릭하면 포함된 요소를 숨기거나 표시합니다.
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# 클래스:Foldout
네임스페이스:UnityEngine.UIElements
기본 클래스:BindableElement
이 요소에는 다음 구성원 속성이 있습니다.
| Name | 타입 | 설명 |
|---|---|---|
text |
string |
토글 레이블의 텍스트입니다. |
value |
boolean |
폴드아웃 토글의 상태입니다.Foldout이 열려 있고 그 콘텐츠가 표시되면 true이고, Foldout이 닫혀 있고 그 콘텐츠가 숨겨져 있으면 false입니다. |
이 요소는 다음 속성을 해당 기본 클래스에서 상속합니다.
| Name | 타입 | 설명 |
|---|---|---|
binding-path |
string |
바인드될 타겟 프로퍼티의 경로입니다. |
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에 대해 지속성이 비활성화됩니다. 자세한 내용은 데이터 지속성 확인을 참조하십시오. |
다음 표는 모든 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 선택자를 확인할 수도 있습니다.