UIToolkit 기본 UI 개발 중

2026-01-08 20:15:57 +09:00
parent ef4e86820c
commit 71831dd4c3
319 changed files with 28283 additions and 761 deletions
--- a/Assets/Resources/UIToolkit/Input/UTKRectField.uss
+++ b/Assets/Resources/UIToolkit/Input/UTKRectField.uss
@@ -0,0 +1,99 @@
+/*
+ * ===================================
+ * UTKRectField.uss
+ * Unity RectField 래핑 스타일
+ * ===================================
+ */
+
+/* ===================================
+   Base Container
+   =================================== */
+
+.utk-rectfield {
+    flex-direction: row;
+    align-items: flex-start;
+}
+
+/* ===================================
+   Label
+   =================================== */
+
+.utk-rectfield > .unity-label {
+    min-width: 80px;
+    font-size: var(--font-size-body2);
+    color: var(--color-text-primary);
+    padding-top: var(--space-xs);
+}
+
+/* ===================================
+   Input Container
+   =================================== */
+
+.utk-rectfield > .unity-base-field__input {
+    flex-direction: column;
+    flex-grow: 1;
+}
+
+/* ===================================
+   Vector2 Fields (X/Y, W/H rows)
+   =================================== */
+
+.utk-rectfield .unity-composite-field__field-spacer {
+    flex-grow: 0;
+}
+
+.utk-rectfield .unity-vector2-field {
+    margin-bottom: var(--space-xs);
+}
+
+.utk-rectfield .unity-vector2-field:last-child {
+    margin-bottom: 0;
+}
+
+/* ===================================
+   Individual Float Fields
+   =================================== */
+
+.utk-rectfield .unity-float-field {
+    flex-grow: 1;
+    margin-right: var(--space-xs);
+}
+
+.utk-rectfield .unity-float-field:last-child {
+    margin-right: 0;
+}
+
+.utk-rectfield .unity-float-field > .unity-label {
+    min-width: 14px;
+    font-size: var(--font-size-body2);
+    color: var(--color-text-secondary);
+    -unity-text-align: middle-center;
+}
+
+.utk-rectfield .unity-float-field > .unity-base-text-field__input {
+    background-color: var(--color-bg-input);
+    border-width: var(--border-width);
+    border-color: var(--color-border);
+    border-radius: var(--radius-s);
+    padding: var(--space-xs) var(--space-s);
+    font-size: var(--font-size-body2);
+    color: var(--color-text-primary);
+    --unity-cursor-color: var(--color-text-primary);
+}
+
+.utk-rectfield .unity-float-field > .unity-base-text-field__input:focus {
+    border-color: var(--color-btn-primary);
+}
+
+/* ===================================
+   Disabled State
+   =================================== */
+
+.utk-rectfield--disabled > .unity-label {
+    color: var(--color-text-disabled);
+}
+
+.utk-rectfield--disabled .unity-float-field > .unity-base-text-field__input {
+    background-color: var(--color-btn-disabled);
+    color: var(--color-text-disabled);
+}