khi/XRLib
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

UIToolkit 스타일 및 입력 컴포넌트 추가

Browse Source 
- 기본 스타일을 위한 UTKDefaultStyle.uss파일을 생성했습니다.
- UIToolkit 설정 구성을 위한 UTKSettings.asset 파일을 추가했습니다.
- 포괄적인 색상 정의를 포함하는 다크 및 라이트 테마 스타일(UTKThemeDark.uss, UTKThemeLight.uss)을 도입했습니다.
- 테마에 독립적인 레이아웃 및 크기 변수를 위한 UTKVariables.uss를 구현했습니다.
- 스타일 및 이벤트 처리를 통해 열거형 선택을 위한 사용자 지정 드롭다운 컴포넌트(UTKEnumDropDown)를 개발했습니다.
- 사용자 지정 스타일 및 이벤트 관리를 통해 각각 이중 입력 필드와 긴 입력 필드를 위한 UTKDoubleField 및 UTKLongField 컴포넌트를 생성했습니다.
This commit is contained in:
logonkhi
2026-01-09 18:42:17 +09:00
parent 71831dd4c3
commit 6ae48ff30e
133 changed files with 5654 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
Assets/Scripts/UVC/UIToolkit/Input/UTKBoundsField.cs
View File

@@ -19,6 +19,11 @@ namespace UVC.UIToolkit
#region Fields
private bool _disposed;
private bool _isEnabled = true;
private string _centerLabel = "Center";
private string _extentsLabel = "Extents";
private string _xLabel = "X";
private string _yLabel = "Y";
private string _zLabel = "Z";
#endregion
#region Events
@@ -46,6 +51,66 @@ namespace UVC.UIToolkit
get => value;
set => this.value = value;
}
/// <summary>Center 라벨</summary>
[UxmlAttribute]
public string CenterLabel
{
get => _centerLabel;
set
{
_centerLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Extents 라벨</summary>
[UxmlAttribute]
public string ExtentsLabel
{
get => _extentsLabel;
set
{
_extentsLabel = value;
UpdateAxisLabels();
}
}
/// <summary>X축 라벨</summary>
[UxmlAttribute]
public string XLabel
{
get => _xLabel;
set
{
_xLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Y축 라벨</summary>
[UxmlAttribute]
public string YLabel
{
get => _yLabel;
set
{
_yLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Z축 라벨</summary>
[UxmlAttribute]
public string ZLabel
{
get => _zLabel;
set
{
_zLabel = value;
UpdateAxisLabels();
}
}
#endregion
#region Constructor
@@ -74,6 +139,9 @@ namespace UVC.UIToolkit
private void SetupStyles()
{
AddToClassList("utk-boundsfield");
// 초기 라벨 설정
schedule.Execute(() => UpdateAxisLabels());
}
private void SetupEvents()
@@ -94,6 +162,29 @@ namespace UVC.UIToolkit
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
private void UpdateAxisLabels()
{
// BoundsField의 내부 Vector3Field들을 찾아서 라벨 변경 (Center, Extents 순서)
var vector3Fields = this.Query<Vector3Field>().ToList();
if (vector3Fields.Count >= 2)
{
vector3Fields[0].label = _centerLabel;
vector3Fields[1].label = _extentsLabel;
// 각 Vector3Field의 내부 FloatField들을 찾아서 X, Y, Z 라벨 변경
foreach (var vector3Field in vector3Fields)
{
var floatFields = vector3Field.Query<FloatField>().ToList();
if (floatFields.Count >= 3)
{
floatFields[0].label = _xLabel;
floatFields[1].label = _yLabel;
floatFields[2].label = _zLabel;
}
}
}
}
#endregion
#region Event Handlers

118
Assets/Scripts/UVC/UIToolkit/Input/UTKDoubleField.cs Normal file
View File

@@ -0,0 +1,118 @@
#nullable enable
using System;
using UnityEngine;
using UnityEngine.UIElements;
namespace UVC.UIToolkit
{
/// <summary>
/// Double 실수 입력 필드 컴포넌트.
/// Unity DoubleField를 래핑하여 커스텀 스타일을 적용합니다.
/// </summary>
[UxmlElement]
public partial class UTKDoubleField : DoubleField, IDisposable
{
#region Constants
private const string USS_PATH = "UIToolkit/Input/UTKDoubleField";
#endregion
#region Fields
private bool _disposed;
private bool _isEnabled = true;
#endregion
#region Events
/// <summary>값 변경 이벤트</summary>
public event Action<double>? OnValueChanged;
#endregion
#region Properties
/// <summary>현재 값</summary>
public double Value
{
get => value;
set => this.value = value;
}
/// <summary>활성화 상태</summary>
[UxmlAttribute]
public bool IsEnabled
{
get => _isEnabled;
set
{
_isEnabled = value;
SetEnabled(value);
EnableInClassList("utk-double-field--disabled", !value);
}
}
#endregion
#region Constructor
public UTKDoubleField() : base()
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
var uss = Resources.Load<StyleSheet>(USS_PATH);
if (uss != null)
{
styleSheets.Add(uss);
}
SetupStyles();
SetupEvents();
SubscribeToThemeChanges();
}
public UTKDoubleField(string label, double defaultValue = 0) : this()
{
this.label = label;
value = defaultValue;
}
#endregion
#region Setup
private void SetupStyles()
{
AddToClassList("utk-double-field");
}
private void SetupEvents()
{
this.RegisterValueChangedCallback(OnFieldValueChanged);
}
private void SubscribeToThemeChanges()
{
UTKThemeManager.Instance.OnThemeChanged += OnThemeChanged;
RegisterCallback<DetachFromPanelEvent>(_ =>
{
UTKThemeManager.Instance.OnThemeChanged -= OnThemeChanged;
});
}
private void OnThemeChanged(UTKTheme theme)
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
#endregion
#region Event Handlers
private void OnFieldValueChanged(ChangeEvent<double> evt)
{
OnValueChanged?.Invoke(evt.newValue);
}
#endregion
#region IDisposable
public void Dispose()
{
if (_disposed) return;
_disposed = true;
UTKThemeManager.Instance.OnThemeChanged -= OnThemeChanged;
OnValueChanged = null;
}
#endregion
}
}

2
Assets/Scripts/UVC/UIToolkit/Input/UTKDoubleField.cs.meta Normal file
View File

@@ -0,0 +1,2 @@
fileFormatVersion: 2
guid: cab3dfd389111ae448ef837fee85dc21

118
Assets/Scripts/UVC/UIToolkit/Input/UTKLongField.cs Normal file
View File

@@ -0,0 +1,118 @@
#nullable enable
using System;
using UnityEngine;
using UnityEngine.UIElements;
namespace UVC.UIToolkit
{
/// <summary>
/// Long 정수 입력 필드 컴포넌트.
/// Unity LongField를 래핑하여 커스텀 스타일을 적용합니다.
/// </summary>
[UxmlElement]
public partial class UTKLongField : LongField, IDisposable
{
#region Constants
private const string USS_PATH = "UIToolkit/Input/UTKLongField";
#endregion
#region Fields
private bool _disposed;
private bool _isEnabled = true;
#endregion
#region Events
/// <summary>값 변경 이벤트</summary>
public event Action<long>? OnValueChanged;
#endregion
#region Properties
/// <summary>현재 값</summary>
public long Value
{
get => value;
set => this.value = value;
}
/// <summary>활성화 상태</summary>
[UxmlAttribute]
public bool IsEnabled
{
get => _isEnabled;
set
{
_isEnabled = value;
SetEnabled(value);
EnableInClassList("utk-long-field--disabled", !value);
}
}
#endregion
#region Constructor
public UTKLongField() : base()
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
var uss = Resources.Load<StyleSheet>(USS_PATH);
if (uss != null)
{
styleSheets.Add(uss);
}
SetupStyles();
SetupEvents();
SubscribeToThemeChanges();
}
public UTKLongField(string label, long defaultValue = 0) : this()
{
this.label = label;
value = defaultValue;
}
#endregion
#region Setup
private void SetupStyles()
{
AddToClassList("utk-long-field");
}
private void SetupEvents()
{
this.RegisterValueChangedCallback(OnFieldValueChanged);
}
private void SubscribeToThemeChanges()
{
UTKThemeManager.Instance.OnThemeChanged += OnThemeChanged;
RegisterCallback<DetachFromPanelEvent>(_ =>
{
UTKThemeManager.Instance.OnThemeChanged -= OnThemeChanged;
});
}
private void OnThemeChanged(UTKTheme theme)
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
#endregion
#region Event Handlers
private void OnFieldValueChanged(ChangeEvent<long> evt)
{
OnValueChanged?.Invoke(evt.newValue);
}
#endregion
#region IDisposable
public void Dispose()
{
if (_disposed) return;
_disposed = true;
UTKThemeManager.Instance.OnThemeChanged -= OnThemeChanged;
OnValueChanged = null;
}
#endregion
}
}

2
Assets/Scripts/UVC/UIToolkit/Input/UTKLongField.cs.meta Normal file
View File

@@ -0,0 +1,2 @@
fileFormatVersion: 2
guid: 1238a7e68c57e714d8df258a292f357c

68
Assets/Scripts/UVC/UIToolkit/Input/UTKRectField.cs
View File

@@ -19,6 +19,10 @@ namespace UVC.UIToolkit
#region Fields
private bool _disposed;
private bool _isEnabled = true;
private string _xLabel = "X";
private string _yLabel = "Y";
private string _wLabel = "W";
private string _hLabel = "H";
#endregion
#region Events
@@ -46,6 +50,54 @@ namespace UVC.UIToolkit
get => value;
set => this.value = value;
}
/// <summary>X 라벨</summary>
[UxmlAttribute]
public string XLabel
{
get => _xLabel;
set
{
_xLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Y 라벨</summary>
[UxmlAttribute]
public string YLabel
{
get => _yLabel;
set
{
_yLabel = value;
UpdateAxisLabels();
}
}
/// <summary>W 라벨</summary>
[UxmlAttribute]
public string WLabel
{
get => _wLabel;
set
{
_wLabel = value;
UpdateAxisLabels();
}
}
/// <summary>H 라벨</summary>
[UxmlAttribute]
public string HLabel
{
get => _hLabel;
set
{
_hLabel = value;
UpdateAxisLabels();
}
}
#endregion
#region Constructor
@@ -74,6 +126,9 @@ namespace UVC.UIToolkit
private void SetupStyles()
{
AddToClassList("utk-rectfield");
// 초기 라벨 설정
schedule.Execute(() => UpdateAxisLabels());
}
private void SetupEvents()
@@ -94,6 +149,19 @@ namespace UVC.UIToolkit
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
private void UpdateAxisLabels()
{
// RectField의 내부 FloatField들을 찾아서 라벨 변경 (X, Y, W, H 순서)
var floatFields = this.Query<FloatField>().ToList();
if (floatFields.Count >= 4)
{
floatFields[0].label = _xLabel;
floatFields[1].label = _yLabel;
floatFields[2].label = _wLabel;
floatFields[3].label = _hLabel;
}
}
#endregion
#region Event Handlers

40
Assets/Scripts/UVC/UIToolkit/Input/UTKVector2Field.cs
View File

@@ -19,6 +19,8 @@ namespace UVC.UIToolkit
#region Fields
private bool _disposed;
private bool _isEnabled = true;
private string _xLabel = "X";
private string _yLabel = "Y";
#endregion
#region Events
@@ -46,6 +48,30 @@ namespace UVC.UIToolkit
EnableInClassList("utk-vector2-field--disabled", !value);
}
}
/// <summary>X축 라벨</summary>
[UxmlAttribute]
public string XLabel
{
get => _xLabel;
set
{
_xLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Y축 라벨</summary>
[UxmlAttribute]
public string YLabel
{
get => _yLabel;
set
{
_yLabel = value;
UpdateAxisLabels();
}
}
#endregion
#region Constructor
@@ -74,6 +100,9 @@ namespace UVC.UIToolkit
private void SetupStyles()
{
AddToClassList("utk-vector2-field");
// 초기 라벨 설정
schedule.Execute(() => UpdateAxisLabels());
}
private void SetupEvents()
@@ -94,6 +123,17 @@ namespace UVC.UIToolkit
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
private void UpdateAxisLabels()
{
// Vector2Field의 내부 FloatField들을 찾아서 라벨 변경
var floatFields = this.Query<FloatField>().ToList();
if (floatFields.Count >= 2)
{
floatFields[0].label = _xLabel;
floatFields[1].label = _yLabel;
}
}
#endregion
#region Event Handlers

54
Assets/Scripts/UVC/UIToolkit/Input/UTKVector3Field.cs
View File

@@ -19,6 +19,9 @@ namespace UVC.UIToolkit
#region Fields
private bool _disposed;
private bool _isEnabled = true;
private string _xLabel = "X";
private string _yLabel = "Y";
private string _zLabel = "Z";
#endregion
#region Events
@@ -46,6 +49,42 @@ namespace UVC.UIToolkit
EnableInClassList("utk-vector3-field--disabled", !value);
}
}
/// <summary>X축 라벨</summary>
[UxmlAttribute]
public string XLabel
{
get => _xLabel;
set
{
_xLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Y축 라벨</summary>
[UxmlAttribute]
public string YLabel
{
get => _yLabel;
set
{
_yLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Z축 라벨</summary>
[UxmlAttribute]
public string ZLabel
{
get => _zLabel;
set
{
_zLabel = value;
UpdateAxisLabels();
}
}
#endregion
#region Constructor
@@ -74,6 +113,9 @@ namespace UVC.UIToolkit
private void SetupStyles()
{
AddToClassList("utk-vector3-field");
// 초기 라벨 설정
schedule.Execute(() => UpdateAxisLabels());
}
private void SetupEvents()
@@ -94,6 +136,18 @@ namespace UVC.UIToolkit
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
private void UpdateAxisLabels()
{
// Vector3Field의 내부 FloatField들을 찾아서 라벨 변경
var floatFields = this.Query<FloatField>().ToList();
if (floatFields.Count >= 3)
{
floatFields[0].label = _xLabel;
floatFields[1].label = _yLabel;
floatFields[2].label = _zLabel;
}
}
#endregion
#region Event Handlers

68
Assets/Scripts/UVC/UIToolkit/Input/UTKVector4Field.cs
View File

@@ -19,6 +19,10 @@ namespace UVC.UIToolkit
#region Fields
private bool _disposed;
private bool _isEnabled = true;
private string _xLabel = "X";
private string _yLabel = "Y";
private string _zLabel = "Z";
private string _wLabel = "W";
#endregion
#region Events
@@ -46,6 +50,54 @@ namespace UVC.UIToolkit
get => value;
set => this.value = value;
}
/// <summary>X축 라벨</summary>
[UxmlAttribute]
public string XLabel
{
get => _xLabel;
set
{
_xLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Y축 라벨</summary>
[UxmlAttribute]
public string YLabel
{
get => _yLabel;
set
{
_yLabel = value;
UpdateAxisLabels();
}
}
/// <summary>Z축 라벨</summary>
[UxmlAttribute]
public string ZLabel
{
get => _zLabel;
set
{
_zLabel = value;
UpdateAxisLabels();
}
}
/// <summary>W축 라벨</summary>
[UxmlAttribute]
public string WLabel
{
get => _wLabel;
set
{
_wLabel = value;
UpdateAxisLabels();
}
}
#endregion
#region Constructor
@@ -74,6 +126,9 @@ namespace UVC.UIToolkit
private void SetupStyles()
{
AddToClassList("utk-vector4field");
// 초기 라벨 설정
schedule.Execute(() => UpdateAxisLabels());
}
private void SetupEvents()
@@ -94,6 +149,19 @@ namespace UVC.UIToolkit
{
UTKThemeManager.Instance.ApplyThemeToElement(this);
}
private void UpdateAxisLabels()
{
// Vector4Field의 내부 FloatField들을 찾아서 라벨 변경
var floatFields = this.Query<FloatField>().ToList();
if (floatFields.Count >= 4)
{
floatFields[0].label = _xLabel;
floatFields[1].label = _yLabel;
floatFields[2].label = _zLabel;
floatFields[3].label = _wLabel;
}
}
#endregion
#region Event Handlers