689 lines
20 KiB
C#
689 lines
20 KiB
C#
#nullable enable
|
|
using System;
|
|
using System.Collections.Generic;
|
|
using Cysharp.Threading.Tasks;
|
|
using UnityEngine;
|
|
using UnityEngine.UIElements;
|
|
using UVC.UIToolkit;
|
|
|
|
/// <summary>
|
|
/// UTKStyleGuideSample의 Input 카테고리 Initialize 메서드들
|
|
/// </summary>
|
|
public partial class UTKStyleGuideSample
|
|
{
|
|
#region Input Initializers
|
|
|
|
private void InitializeInputFieldSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 입력 필드
|
|
var input = new UTKInputField();
|
|
input.label = ""이름""; // Unity TextField의 label 프로퍼티 (소문자)
|
|
input.Placeholder = ""이름을 입력하세요"";
|
|
input.OnValueChanged += (value) => Debug.Log($""입력값: {value}"");
|
|
|
|
// 비밀번호 입력 필드
|
|
var password = new UTKInputField();
|
|
password.label = ""비밀번호"";
|
|
password.isPasswordField = true;
|
|
|
|
// 검증 오류 표시
|
|
input.ErrorMessage = ""이름은 필수입니다."";
|
|
input.ErrorMessage = """"; // 오류 제거
|
|
|
|
// 변형 스타일
|
|
input.Variant = UTKInputField.InputFieldVariant.Outlined;
|
|
|
|
// 이벤트
|
|
input.OnFocused += () => Debug.Log(""포커스"");
|
|
input.OnBlurred += () => Debug.Log(""포커스 해제"");
|
|
input.OnSubmit += (value) => Debug.Log($""제출: {value}"");
|
|
|
|
// 비활성화
|
|
input.IsEnabled = false;
|
|
|
|
// 읽기 전용
|
|
input.isReadOnly = true;
|
|
|
|
// 여러 줄 입력
|
|
input.multiline = true;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 입력 필드 -->
|
|
<utk:UTKInputField label=""이름"" />
|
|
|
|
<!-- 플레이스홀더 -->
|
|
<utk:UTKInputField label=""이메일"" placeholder=""example@email.com"" />
|
|
|
|
<!-- 비밀번호 필드 -->
|
|
<utk:UTKInputField label=""비밀번호"" is-password-field=""true"" />
|
|
|
|
<!-- 여러 줄 입력 -->
|
|
<utk:UTKInputField label=""설명"" multiline=""true"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKInputField label=""읽기전용"" is-enabled=""false"" value=""수정 불가"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeIntegerFieldSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 정수 필드
|
|
var intField = new UTKIntegerField(""나이"");
|
|
intField.Value = 25;
|
|
intField.OnValueChanged += (value) => Debug.Log($""나이: {value}"");
|
|
|
|
// 범위 제한 (이벤트로 처리)
|
|
intField.OnValueChanged += (value) =>
|
|
{
|
|
if (value < 0) intField.Value = 0;
|
|
if (value > 150) intField.Value = 150;
|
|
};
|
|
|
|
// 비활성화
|
|
intField.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 정수 필드 -->
|
|
<utk:UTKIntegerField label=""나이"" />
|
|
|
|
<!-- 기본값 설정 -->
|
|
<utk:UTKIntegerField label=""점수"" value=""100"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKIntegerField label=""읽기전용"" is-enabled=""false"" value=""50"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeLongFieldSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 Long 필드
|
|
var longField = new UTKLongField(""파일 크기"");
|
|
longField.Value = 1073741824; // 1GB
|
|
longField.OnValueChanged += (value) => Debug.Log($""크기: {value} bytes"");
|
|
|
|
// 비활성화
|
|
longField.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 Long 필드 -->
|
|
<utk:UTKLongField label=""파일 크기"" />
|
|
|
|
<!-- 기본값 설정 -->
|
|
<utk:UTKLongField label=""큰 숫자"" value=""9223372036854775807"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKLongField label=""읽기전용"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeFloatFieldSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 Float 필드
|
|
var floatField = new UTKFloatField(""속도"");
|
|
floatField.Value = 9.8f;
|
|
floatField.OnValueChanged += (value) => Debug.Log($""속도: {value}"");
|
|
|
|
// 범위 제한 (이벤트로 처리)
|
|
floatField.OnValueChanged += (value) =>
|
|
{
|
|
if (value < 0f) floatField.Value = 0f;
|
|
if (value > 100f) floatField.Value = 100f;
|
|
};
|
|
|
|
// 비활성화
|
|
floatField.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 Float 필드 -->
|
|
<utk:UTKFloatField label=""속도"" />
|
|
|
|
<!-- 기본값 설정 -->
|
|
<utk:UTKFloatField label=""중력"" value=""9.8"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKFloatField label=""읽기전용"" is-enabled=""false"" value=""3.14"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeDoubleFieldSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 Double 필드
|
|
var doubleField = new UTKDoubleField(""정밀도"");
|
|
doubleField.Value = 3.141592653589793;
|
|
doubleField.OnValueChanged += (value) => Debug.Log($""값: {value}"");
|
|
|
|
// 비활성화
|
|
doubleField.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 Double 필드 -->
|
|
<utk:UTKDoubleField label=""정밀도"" />
|
|
|
|
<!-- 기본값 설정 -->
|
|
<utk:UTKDoubleField label=""파이"" value=""3.141592653589793"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKDoubleField label=""읽기전용"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeNumberStepperSample(VisualElement root)
|
|
{
|
|
var disabledRow = root.Q<VisualElement>("stepper-disabled-row");
|
|
if (disabledRow != null)
|
|
{
|
|
var stepper = new UTKNumberStepper(0, 100, 30, 1);
|
|
stepper.style.width = 150;
|
|
stepper.SetEnabled(false);
|
|
disabledRow.Add(stepper);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var stepper = new UTKNumberStepper(minValue: 0, maxValue: 100, value: 50, step: 1);
|
|
stepper.OnValueChanged += (newValue) => Debug.Log($""Value: {newValue}"");
|
|
|
|
// Step 설정
|
|
var stepper5 = new UTKNumberStepper(0, 100, 25, 5); // Step 5씩 증감
|
|
|
|
// Wrap Around (최소/최대값에서 순환)
|
|
var wrapStepper = new UTKNumberStepper(0, 100, 0, 10);
|
|
wrapStepper.WrapAround = true; // 0 -> -10 시 100으로 순환
|
|
|
|
// 비활성화
|
|
var disabledStepper = new UTKNumberStepper(0, 100, 30, 1);
|
|
disabledStepper.SetEnabled(false);
|
|
|
|
// 속성 변경
|
|
stepper.Value = 75;
|
|
stepper.MinValue = 10;
|
|
stepper.MaxValue = 90;
|
|
stepper.Step = 2;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- Step 1 -->
|
|
<utk:UTKNumberStepper min-value=""0"" max-value=""100"" value=""50"" step=""1"" />
|
|
|
|
<!-- Step 5 -->
|
|
<utk:UTKNumberStepper min-value=""0"" max-value=""100"" value=""25"" step=""5"" />
|
|
|
|
<!-- Wrap Around -->
|
|
<utk:UTKNumberStepper min-value=""0"" max-value=""100"" value=""0"" step=""10"" wrap-around=""true"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKNumberStepper min-value=""0"" max-value=""100"" value=""30"" step=""1"" is-enabled=""false"" />
|
|
|
|
<!-- 커스텀 스타일 -->
|
|
<utk:UTKNumberStepper class=""custom-stepper"" style=""width: 150px;"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeVector2FieldSample(VisualElement root)
|
|
{
|
|
var field = root.Q<UTKVector2Field>("vec2-position");
|
|
if (field != null)
|
|
{
|
|
field.Value = new Vector2(100, 200);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var positionField = new UTKVector2Field(""Position"");
|
|
positionField.Value = new Vector2(100, 200);
|
|
positionField.OnValueChanged += (newValue) => Debug.Log($""Position: {newValue}"");
|
|
|
|
// 라벨 없이
|
|
var field = new UTKVector2Field();
|
|
field.label = """";
|
|
|
|
// 읽기 전용
|
|
var readOnlyField = new UTKVector2Field(""ReadOnly"");
|
|
readOnlyField.SetEnabled(false);",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 사용 -->
|
|
<utk:UTKVector2Field label=""Position"" />
|
|
|
|
<!-- 라벨 없이 -->
|
|
<utk:UTKVector2Field />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKVector2Field label=""ReadOnly"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeVector3FieldSample(VisualElement root)
|
|
{
|
|
var field = root.Q<UTKVector3Field>("vec3-position");
|
|
if (field != null)
|
|
{
|
|
field.Value = new Vector3(10, 20, 30);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var positionField = new UTKVector3Field(""Position"");
|
|
positionField.Value = new Vector3(10, 20, 30);
|
|
positionField.OnValueChanged += (newValue) => Debug.Log($""Position: {newValue}"");
|
|
|
|
// 회전 벡터
|
|
var rotationField = new UTKVector3Field(""Rotation"");
|
|
rotationField.Value = new Vector3(0, 90, 0);
|
|
|
|
// 비활성화
|
|
var disabledField = new UTKVector3Field(""Disabled"");
|
|
disabledField.SetEnabled(false);",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 사용 -->
|
|
<utk:UTKVector3Field label=""Position"" />
|
|
|
|
<!-- 라벨 없이 -->
|
|
<utk:UTKVector3Field />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKVector3Field label=""Disabled"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeVector4FieldSample(VisualElement root)
|
|
{
|
|
var field = root.Q<UTKVector4Field>("vec4-color");
|
|
if (field != null)
|
|
{
|
|
field.Value = new Vector4(1, 0.5f, 0.25f, 1);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var colorField = new UTKVector4Field(""Color"");
|
|
colorField.Value = new Vector4(1, 0.5f, 0.25f, 1); // RGBA
|
|
colorField.OnValueChanged += (newValue) => Debug.Log($""Color: {newValue}"");
|
|
|
|
// 쿼터니언 값
|
|
var quaternionField = new UTKVector4Field(""Quaternion"");
|
|
var quat = Quaternion.identity;
|
|
quaternionField.Value = new Vector4(quat.x, quat.y, quat.z, quat.w);
|
|
|
|
// 비활성화
|
|
var disabledField = new UTKVector4Field(""Disabled"");
|
|
disabledField.SetEnabled(false);",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 사용 -->
|
|
<utk:UTKVector4Field label=""Color"" />
|
|
|
|
<!-- 라벨 없이 -->
|
|
<utk:UTKVector4Field />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKVector4Field label=""Disabled"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeRectFieldSample(VisualElement root)
|
|
{
|
|
var field = root.Q<UTKRectField>("rect-area");
|
|
if (field != null)
|
|
{
|
|
field.Value = new Rect(10, 20, 100, 50);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var areaField = new UTKRectField(""Area"");
|
|
areaField.Value = new Rect(10, 20, 100, 50); // x, y, width, height
|
|
areaField.OnValueChanged += (newValue) => Debug.Log($""Rect: {newValue}"");
|
|
|
|
// 화면 영역 설정
|
|
var screenArea = new UTKRectField(""Screen Area"");
|
|
screenArea.Value = new Rect(0, 0, Screen.width, Screen.height);
|
|
|
|
// 비활성화
|
|
var disabledField = new UTKRectField(""Disabled"");
|
|
disabledField.SetEnabled(false);",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 사용 -->
|
|
<utk:UTKRectField label=""Area"" />
|
|
|
|
<!-- 라벨 없이 -->
|
|
<utk:UTKRectField />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKRectField label=""Disabled"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeBoundsFieldSample(VisualElement root)
|
|
{
|
|
var field = root.Q<UTKBoundsField>("bounds-collision");
|
|
if (field != null)
|
|
{
|
|
field.Value = new Bounds(new Vector3(0, 1, 0), new Vector3(2, 2, 2));
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var boundsField = new UTKBoundsField(""Bounds"");
|
|
var center = new Vector3(0, 1, 0);
|
|
var size = new Vector3(2, 2, 2);
|
|
boundsField.Value = new Bounds(center, size);
|
|
boundsField.OnValueChanged += (newValue) => Debug.Log($""Bounds: {newValue}"");
|
|
|
|
// 콜라이더 범위 설정
|
|
var collisionField = new UTKBoundsField(""Collision Bounds"");
|
|
collisionField.Value = new Bounds(Vector3.zero, Vector3.one * 5);
|
|
|
|
// 비활성화
|
|
var disabledField = new UTKBoundsField(""Disabled"");
|
|
disabledField.SetEnabled(false);",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 사용 -->
|
|
<utk:UTKBoundsField label=""Bounds"" />
|
|
|
|
<!-- 라벨 없이 -->
|
|
<utk:UTKBoundsField />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKBoundsField label=""Disabled"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
#endregion
|
|
|
|
#region Dropdown Initializers
|
|
|
|
private void InitializeDropdownSample(VisualElement root)
|
|
{
|
|
var normalRow = root.Q<VisualElement>("dropdown-normal-row");
|
|
if (normalRow != null)
|
|
{
|
|
var dropdown = new UTKDropdown("Select Option");
|
|
dropdown.SetOptions(new List<string> { "Option 1", "Option 2", "Option 3", "Option 4" });
|
|
dropdown.SelectedIndex = 0;
|
|
normalRow.Add(dropdown);
|
|
}
|
|
|
|
var disabledRow = root.Q<VisualElement>("dropdown-disabled-row");
|
|
if (disabledRow != null)
|
|
{
|
|
var dropdown = new UTKDropdown("Disabled");
|
|
dropdown.SetOptions(new List<string> { "Option 1", "Option 2" });
|
|
dropdown.SelectedIndex = 0;
|
|
dropdown.IsEnabled = false;
|
|
disabledRow.Add(dropdown);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 사용법
|
|
var dropdown = new UTKDropdown(""Select Option"");
|
|
dropdown.SetOptions(new List<string> { ""Option 1"", ""Option 2"", ""Option 3"", ""Option 4"" });
|
|
dropdown.SelectedIndex = 0;
|
|
|
|
// 선택 이벤트
|
|
dropdown.OnSelectionChanged += (index) =>
|
|
{
|
|
Debug.Log($""선택된 인덱스: {index}"");
|
|
};
|
|
|
|
// 선택된 값 가져오기
|
|
var selectedIndex = dropdown.SelectedIndex;
|
|
var selectedValue = dropdown.SelectedValue;
|
|
|
|
// 옵션 동적 변경
|
|
dropdown.SetOptions(new List<string> { ""New 1"", ""New 2"", ""New 3"" });
|
|
|
|
// 프로그램으로 선택
|
|
dropdown.SelectedIndex = 2;
|
|
|
|
// Disabled
|
|
var disabledDropdown = new UTKDropdown(""Disabled"");
|
|
disabledDropdown.SetOptions(new List<string> { ""Option 1"", ""Option 2"" });
|
|
disabledDropdown.SelectedIndex = 0;
|
|
disabledDropdown.IsEnabled = false;",
|
|
uxmlCode: @"<!-- UTKDropdown은 동적 생성 권장 -->
|
|
<!-- C# 코드에서 SetOptions로 옵션 설정 -->
|
|
|
|
<!-- 기본 드롭다운 -->
|
|
<utk:UTKDropdown name=""dropdown-1"" text=""Select Option"" />
|
|
|
|
<!-- Disabled -->
|
|
<utk:UTKDropdown name=""dropdown-2"" text=""Disabled"" is-enabled=""false"" />");
|
|
}
|
|
|
|
private enum SampleEnum { Option1, Option2, Option3 }
|
|
|
|
private void InitializeEnumDropDownSample(VisualElement root)
|
|
{
|
|
var enumRow = root.Q<VisualElement>("enum-dropdown-row");
|
|
if (enumRow != null)
|
|
{
|
|
var field = new UTKEnumDropDown("Choice", SampleEnum.Option1);
|
|
enumRow.Add(field);
|
|
}
|
|
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// Enum 정의
|
|
public enum SampleEnum { Option1, Option2, Option3 }
|
|
|
|
// 기본 사용법
|
|
var enumField = new UTKEnumDropDown(""Choice"", SampleEnum.Option1);
|
|
|
|
// 값 변경 이벤트
|
|
enumField.OnValueChanged += (newValue) =>
|
|
{
|
|
Debug.Log($""선택된 값: {newValue}"");
|
|
};
|
|
|
|
// 현재 선택된 값 가져오기
|
|
var currentValue = enumField.Value;
|
|
|
|
// 프로그램으로 값 변경
|
|
enumField.Value = SampleEnum.Option2;
|
|
|
|
// Disabled
|
|
enumField.IsEnabled = false;",
|
|
uxmlCode: @"<!-- UTKEnumDropDown은 동적 생성 권장 -->
|
|
<!-- C# 코드에서 enum 타입과 초기값 지정 -->
|
|
|
|
<!-- 기본 Enum 드롭다운 -->
|
|
<utk:UTKEnumDropDown name=""enum-dropdown-1"" label=""Choice"" />
|
|
|
|
<!-- Disabled -->
|
|
<utk:UTKEnumDropDown name=""enum-dropdown-2"" label=""Choice"" is-enabled=""false"" />");
|
|
}
|
|
|
|
#region Slider Initializers
|
|
|
|
private void InitializeSliderSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 슬라이더
|
|
var slider = new UTKSlider();
|
|
slider.label = ""볼륨""; // Unity Slider의 label 프로퍼티 (소문자)
|
|
slider.lowValue = 0;
|
|
slider.highValue = 100;
|
|
slider.value = 50;
|
|
slider.OnValueChanged += (value) => Debug.Log($""볼륨: {value}"");
|
|
|
|
// 생성자로 생성
|
|
var volumeSlider = new UTKSlider(""볼륨"", 0, 100, 75);
|
|
|
|
// 정수만 허용
|
|
slider.showInputField = true;
|
|
|
|
// 비활성화
|
|
slider.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 슬라이더 -->
|
|
<utk:UTKSlider label=""볼륨"" low-value=""0"" high-value=""100"" value=""50"" />
|
|
|
|
<!-- 정수만 -->
|
|
<utk:UTKSlider label=""레벨"" low-value=""1"" high-value=""10"" value=""5"" whole-numbers=""true"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKSlider label=""잠금"" is-enabled=""false"" value=""30"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeSliderIntSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 정수 슬라이더
|
|
var slider = new UTKSliderInt();
|
|
slider.label = ""레벨""; // Unity SliderInt의 label 프로퍼티 (소문자)
|
|
slider.lowValue = 1;
|
|
slider.highValue = 10;
|
|
slider.value = 5;
|
|
slider.OnValueChanged += (value) => Debug.Log($""레벨: {value}"");
|
|
|
|
// 생성자로 생성
|
|
var levelSlider = new UTKSliderInt(""레벨"", 1, 10, 5);
|
|
|
|
// 수량 슬라이더
|
|
var quantitySlider = new UTKSliderInt(""수량"", 0, 100, 25);
|
|
quantitySlider.OnValueChanged += (value) => Debug.Log($""수량: {value}"");
|
|
|
|
// 페이지 선택
|
|
var pageSlider = new UTKSliderInt(""페이지"", 1, 100, 1);
|
|
pageSlider.OnValueChanged += (page) => LoadPage(page);
|
|
|
|
// 비활성화
|
|
slider.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 정수 슬라이더 -->
|
|
<utk:UTKSliderInt label=""레벨"" low-value=""1"" high-value=""10"" value=""5"" />
|
|
|
|
<!-- 큰 범위 -->
|
|
<utk:UTKSliderInt label=""수량"" low-value=""0"" high-value=""100"" value=""25"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKSliderInt label=""잠금"" is-enabled=""false"" value=""30"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeMinMaxSliderSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 MinMax 슬라이더
|
|
var minMaxSlider = new UTKMinMaxSlider();
|
|
minMaxSlider.label = ""가격 범위""; // Unity MinMaxSlider의 label 프로퍼티
|
|
minMaxSlider.lowLimit = 0; // 전체 범위 최소값
|
|
minMaxSlider.highLimit = 1000; // 전체 범위 최대값
|
|
minMaxSlider.MinValue = 100; // 선택 범위 최소값
|
|
minMaxSlider.MaxValue = 500; // 선택 범위 최대값
|
|
|
|
// 값 변경 이벤트 (Vector2로 반환됨)
|
|
minMaxSlider.OnValueChanged += (range) =>
|
|
{
|
|
Debug.Log($""범위: {range.x} ~ {range.y}"");
|
|
};
|
|
|
|
// 생성자로 생성 (label, lowLimit, highLimit, minValue, maxValue)
|
|
var rangeSlider = new UTKMinMaxSlider(""범위"", 0, 100, 20, 80);
|
|
|
|
// 비활성화
|
|
minMaxSlider.IsEnabled = false;",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 MinMax 슬라이더 -->
|
|
<utk:UTKMinMaxSlider label=""가격 범위"" min-limit=""0"" max-limit=""1000"" min-value=""100"" max-value=""500"" />
|
|
|
|
<!-- 비활성화 -->
|
|
<utk:UTKMinMaxSlider label=""잠금"" is-enabled=""false"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
private void InitializeProgressBarSample(VisualElement root)
|
|
{
|
|
SetCodeSamples(root,
|
|
csharpCode: @"// 기본 프로그레스 바
|
|
var progressBar = new UTKProgressBar();
|
|
progressBar.title = ""다운로드""; // ProgressBar의 title 프로퍼티
|
|
progressBar.MinValue = 0; // 또는 lowValue 직접 사용
|
|
progressBar.MaxValue = 100; // 또는 highValue 직접 사용
|
|
progressBar.Value = 45;
|
|
|
|
// 생성자로 생성 (title, minValue, maxValue, defaultValue)
|
|
var downloadBar = new UTKProgressBar(""다운로드"", 0, 100, 75);
|
|
|
|
// 진행률 업데이트
|
|
progressBar.Value = 75;
|
|
|
|
// 퍼센트 표시
|
|
progressBar.ShowPercentage = true;
|
|
|
|
// 색상 변형
|
|
progressBar.Variant = UTKProgressBar.ProgressBarVariant.Success;
|
|
progressBar.Variant = UTKProgressBar.ProgressBarVariant.Warning;
|
|
progressBar.Variant = UTKProgressBar.ProgressBarVariant.Danger;
|
|
|
|
// 비동기 작업 진행률 표시
|
|
async UniTask LoadDataAsync()
|
|
{
|
|
for (int i = 0; i <= 100; i += 10)
|
|
{
|
|
progressBar.Value = i;
|
|
await UniTask.Delay(100);
|
|
}
|
|
}",
|
|
uxmlCode: @"<!-- 네임스페이스 선언 -->
|
|
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
|
|
|
|
<!-- 기본 프로그레스 바 -->
|
|
<utk:UTKProgressBar label=""로딩"" low-value=""0"" high-value=""100"" value=""45"" />
|
|
|
|
<!-- 성공 스타일 -->
|
|
<utk:UTKProgressBar label=""완료"" value=""100"" variant=""Success"" />
|
|
|
|
<!-- 경고 스타일 -->
|
|
<utk:UTKProgressBar label=""주의"" value=""75"" variant=""Warning"" />
|
|
|
|
<!-- 위험 스타일 -->
|
|
<utk:UTKProgressBar label=""오류"" value=""30"" variant=""Danger"" />
|
|
|
|
</ui:UXML>");
|
|
}
|
|
|
|
#endregion
|
|
|
|
#endregion
|
|
}
|