UXML 요소 ColorField
A ColorField is an Editor-only control that allows you to select a color from a color picker. It supports alpha channel and HDR colors. An alpha channel is an extra channel to represent the transparency level of a color. HDR colors are high dynamic range colors that can represent a wider range of colors than standard colors.
ColorField 생성
UI Builder, UXML, C#으로 ColorField를 생성할 수 있습니다. 다음 C# 예시에서는 기본 컬러로 ColorField를 생성하고 알파 채널과 스포이드를 활성화하며, 컬러를 HDR 값으로 처리합니다.
using UnityEditor.UIElements;
...
var colorField = new ColorField();
colorField.value = new Color(0.5f, 0.5f, 0.5f, 1.0f);
colorField.showAlpha = true;
colorField.showEyeDropper = true;
colorField.hdr = true;
예제
다음 UXML 예시에서는 ColorField를 생성합니다.
[!code-xml[(External/Resources/editor_resources/Assets/Editor Default Resources/UIPackageResources/Snippets/UXML/ColorFieldSnippet.uxml)]
다음 C# 예시에서는 커스터마이즈 가능한 ColorField 기능 일부를 보여 줍니다.
[!code-cs[(Modules/UIElementsSamplesEditor/Snippets/ColorFieldSnippet.cs#sample)]
이 예시를 Unity에서 실험해 보려면 Window > UI Toolkit > Samples로 이동합니다.
C# 기본 클래스 및 네임스페이스
C# 클래스:ColorField
네임스페이스:UnityEditor.UIElements
기본 클래스:BaseField_1
구성원 UXML 속성
이 요소에는 다음 구성원 속성이 있습니다.
| Name | 타입 | 설명 |
|---|---|---|
hdr |
boolean |
true인 경우 컬러를 HDR 값으로 취급합니다.flase인 경우 컬러를 표준 LDR 값으로 취급합니다. |
show-alpha |
boolean |
true인 경우 사용자가 컬러의 알파 값을 설정할 수 있습니다.false인 경우 알파 컴포넌트를 숨깁니다. |
show-eye-dropper |
boolean |
true인 경우 컬러 피커가 스포이드 컨트롤에 표시됩니다.false인 경우 컬러 피커가 스포이드 컨트롤에 표시되지 않습니다. |
상속 UXML 속성
이 요소는 다음 속성을 해당 기본 클래스에서 상속합니다.
| Name | 타입 | 설명 |
|---|---|---|
binding-path |
string |
바인드될 타겟 프로퍼티의 경로입니다. |
focusable |
boolean |
요소에 포커스를 맞출 수 있으면 true입니다. |
label |
string |
필드 옆에 표시될 레이블을 나타내는 문자열입니다. |
tabindex |
int |
포커스 링에서 포커스를 맞출 수 있는 항목을 정렬하는 데 사용되는 정수입니다.0보다 크거나 같아야 합니다. |
value |
string |
필드와 연결된 값입니다. |
또한 이 요소는 다음 속성을 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-color-field |
이 타입 요소의 USS 클래스명입니다. |
labelUssClassName |
.unity-color-field__label |
이 타입의 요소에 있는 레이블의 USS 클래스명입니다. |
inputUssClassName |
.unity-color-field__input |
이 타입의 요소에 있는 입력 요소의 USS 클래스명입니다. |
colorContainerUssClassName |
.unity-color-field__color-container |
이 타입의 요소에 있는 컬러 컨테이너 요소의 USS 클래스명입니다. |
colorUssClassName |
.unity-color-field__color |
이 타입의 요소에 있는 컬러 요소의 USS 클래스명입니다. |
mixedValueColorUssClassName |
.unity-color-field__color--mixed-value |
혼합된 값을 표시할 때 이 타입의 요소에 있는 컬러 요소의 USS 클래스명입니다. |
eyeDropperUssClassName |
.unity-color-field__eyedropper |
이 타입의 요소에 있는 스포이드 요소의 USS 클래스명입니다. |
hdrLabelUssClassName |
.unity-color-field__hdr |
이 타입의 요소에 있는 HDR 레이블 요소의 USS 클래스명입니다. |
gradientContainerUssClassName |
.unity-color-field__gradient-container |
이 타입의 요소에 있는 그레디언트 컨테이너 요소의 USS 클래스명입니다. |
ussClassName |
.unity-base-field |
이 타입 요소의 USS 클래스명입니다. |
labelUssClassName |
.unity-base-field__label |
이 타입의 요소에 있는 레이블의 USS 클래스명입니다. |
inputUssClassName |
.unity-base-field__input |
이 타입의 요소에 있는 입력 요소의 USS 클래스명입니다. |
noLabelVariantUssClassName |
.unity-base-field--no-label |
레이블이 없는 경우 이 타입 요소의 USS 클래스명입니다. |
labelDraggerVariantUssClassName |
.unity-base-field__label--with-dragger |
연결된 드래거가 있는 경우 이 타입의 요소에 있는 레이블의 USS 클래스명입니다. |
mixedValueLabelUssClassName |
.unity-base-field__label--mixed-value |
혼합된 값을 표시하는 요소의 USS 클래스명입니다. |
alignedFieldUssClassName |
.unity-base-field__aligned |
인스펙터 요소에 정렬된 요소의 USS 클래스명입니다. |
disabledUssClassName |
.unity-disabled |
비활성화된 로컬 요소의 USS 클래스명입니다. |
또한 인스펙터 또는 UI 툴킷 디버거의 매칭 선택자 섹션을 사용하여 해당 계층 구조의 모든 레벨에서 VisualElement 컴포넌트에 영향을 주는 USS 선택자를 확인할 수도 있습니다.