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

스타일 가이드 수정 중

Browse Source
This commit is contained in:
logonkhi
2026-01-23 19:04:12 +09:00
parent 59d473c87b
commit 99f9c3b26d
86 changed files with 3013 additions and 1795 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
Assets/Sample/UIToolkit/UTKStyleGuideSample.Button.cs Normal file
View File

@@ -0,0 +1,249 @@
#nullable enable
using System;
using System.Collections.Generic;
using Cysharp.Threading.Tasks;
using UnityEngine;
using UnityEngine.UIElements;
using UVC.UIToolkit;
/// <summary>
/// UTKStyleGuideSample의 Button 카테고리 Initialize 메서드들
/// </summary>
public partial class UTKStyleGuideSample
{
#region Button Initializers
private void InitializeButtonSample(VisualElement root)
{
// Icon Only 버튼 추가
var iconOnlyRow = root.Q<VisualElement>("icon-only-row");
if (iconOnlyRow != null)
{
iconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.PlusOne, UTKButton.ButtonVariant.Primary) { IconOnly = true });
iconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Edit, UTKButton.ButtonVariant.Normal) { IconOnly = true });
iconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Close, UTKButton.ButtonVariant.Danger) { IconOnly = true });
iconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Settings, UTKButton.ButtonVariant.OutlinePrimary) { IconOnly = true });
iconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Cancel, UTKButton.ButtonVariant.Normal) { IconOnly = true });
}
// Ghost 버튼 아이콘 추가
var ghostRow = root.Q<VisualElement>("ghost-row");
if (ghostRow != null)
{
ghostRow.Add(new UTKButton("", UTKMaterialIcons.Settings, UTKButton.ButtonVariant.Ghost) { IconOnly = true });
}
// Text with icon 추가
var textRow = root.Q<VisualElement>("text-row");
if (textRow != null)
{
textRow.Add(new UTKButton("With Icon", UTKMaterialIcons.FlashOn, UTKButton.ButtonVariant.Text));
}
// Text Icon Only (Circle) 추가
var textIconOnlyRow = root.Q<VisualElement>("text-icon-only-row");
if (textIconOnlyRow != null)
{
textIconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Close, UTKButton.ButtonVariant.Text, 12) { IconOnly = true });
textIconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Check, UTKButton.ButtonVariant.Text, 12) { IconOnly = true });
textIconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Settings, UTKButton.ButtonVariant.Text, 12) { IconOnly = true });
textIconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Edit, UTKButton.ButtonVariant.Text, 12) { IconOnly = true });
textIconOnlyRow.Add(new UTKButton("", UTKMaterialIcons.Search, UTKButton.ButtonVariant.Text, 12) { IconOnly = true });
}
// C# 코드 샘플 설정
SetCodeSamples(root,
csharpCode: @"// 1. Filled Buttons (배경이 채워진 버튼)
var primaryBtn = new UTKButton(""Primary"", variant: ButtonVariant.Primary);
var normalBtn = new UTKButton(""Normal"", variant: ButtonVariant.Normal);
var dangerBtn = new UTKButton(""Danger"", variant: ButtonVariant.Danger);
primaryBtn.OnClicked += () => Debug.Log(""Primary 클릭!"");
// 2. Outline Buttons (외곽선 버튼)
var outlinePrimary = new UTKButton(""Outline Primary"", variant: ButtonVariant.OutlinePrimary);
var outlineNormal = new UTKButton(""Outline Normal"", variant: ButtonVariant.OutlineNormal);
var outlineDanger = new UTKButton(""Outline Danger"", variant: ButtonVariant.OutlineDanger);
// 3. Icon Only (아이콘만 표시)
var plusOneBtn = new UTKButton("""", UTKMaterialIcons.PlusOne, ButtonVariant.Primary) { IconOnly = true };
var editBtn = new UTKButton("""", UTKMaterialIcons.Edit, ButtonVariant.Normal) { IconOnly = true };
var closeBtn = new UTKButton("""", UTKMaterialIcons.Close, ButtonVariant.Danger) { IconOnly = true };
// 4. Ghost (반투명 배경)
var ghostBtn = new UTKButton(""Ghost"", variant: ButtonVariant.Ghost);
var ghostIconBtn = new UTKButton("""", UTKMaterialIcons.Settings, ButtonVariant.Ghost) { IconOnly = true };
// 5. Text (배경 없음)
var textOnlyBtn = new UTKButton(""Text Only"", variant: ButtonVariant.Text);
var linkStyleBtn = new UTKButton(""Link Style"", variant: ButtonVariant.Text);
var withIconBtn = new UTKButton(""With Icon"", UTKMaterialIcons.Bolt, ButtonVariant.Text);
// 6. Text Icon Only (Circle)
var circleBtn = new UTKButton("""", UTKMaterialIcons.Home, ButtonVariant.Text, 12) { IconOnly = true };
// 7. Disabled (비활성화)
var disabledBtn = new UTKButton(""Disabled"", variant: ButtonVariant.Primary);
disabledBtn.SetEnabled(false);
// 8. Action 사용 - 동기 작업
var saveBtn = new UTKButton(""저장"", UTKMaterialIcons.Save, ButtonVariant.Primary);
saveBtn.OnClicked += () => { Debug.Log(""저장 중...""); SaveData(); };
// Action 사용 - UniTask 비동기 작업
var loadBtn = new UTKButton(""로드"", UTKMaterialIcons.Download, ButtonVariant.Primary);
loadBtn.OnClicked += async () => {
Debug.Log(""로딩 시작..."");
await LoadDataAsync();
Debug.Log(""로딩 완료!"");
};
// 9. 아이콘 설정 방법
var btn = new UTKButton(""설정"");
btn.SetMaterialIcon(UTKMaterialIcons.Settings);
btn.SetImageIcon(UTKImageIcons.BtnClose22);
await btn.SetMaterialIconAsync(UTKMaterialIcons.Search);
btn.IconSize = 24;
btn.ClearIcon();
// 10. 기타 속성
btn.Size = ButtonSize.Large;
btn.BackgroundColor = new Color(0.2f, 0.4f, 0.8f);
btn.BorderWidth = 2;
btn.Text = ""새로운 텍스트"";",
uxmlCode: @"<!-- 네임스페이스 선언 -->
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
<!-- 1. Filled Buttons -->
<utk:UTKButton text=""Primary"" variant=""Primary"" />
<utk:UTKButton text=""Normal"" variant=""Normal"" />
<utk:UTKButton text=""Danger"" variant=""Danger"" />
<!-- 2. Outline Buttons -->
<utk:UTKButton text=""Outline Primary"" variant=""OutlinePrimary"" />
<utk:UTKButton text=""Outline Normal"" variant=""OutlineNormal"" />
<utk:UTKButton text=""Outline Danger"" variant=""OutlineDanger"" />
<!-- 3. Icon Only -->
<utk:UTKButton icon=""close"" icon-only=""true"" variant=""Primary"" />
<utk:UTKButton icon=""settings"" icon-only=""true"" variant=""Normal"" />
<utk:UTKButton icon=""cancel"" icon-only=""true"" variant=""Danger"" />
<!-- 4. Ghost -->
<utk:UTKButton text=""Ghost"" variant=""Ghost"" />
<utk:UTKButton icon=""close"" icon-only=""true"" variant=""Ghost"" />
<!-- 5. Text -->
<utk:UTKButton text=""Text Only"" variant=""Text"" />
<utk:UTKButton text=""Link Style"" variant=""Text"" />
<utk:UTKButton text=""With Icon"" icon=""refresh"" variant=""Text"" />
<!-- 6. Text Icon Only (Circle) -->
<utk:UTKButton icon=""close"" icon-size=""12"" icon-only=""true"" variant=""Text"" />
<!-- 7. Disabled -->
<utk:UTKButton text=""Disabled"" variant=""Primary"" is-enabled=""false"" />
<utk:UTKButton text=""Disabled"" variant=""Normal"" is-enabled=""false"" />
<!-- 8. 크기 변형 -->
<utk:UTKButton text=""작은 버튼"" size=""Small"" />
<utk:UTKButton text=""큰 버튼"" size=""Large"" />
<!-- 9. 아이콘 크기 지정 -->
<utk:UTKButton icon=""close"" icon-size=""24"" icon-only=""true"" />
<!-- 10. 외곽선 굵기 -->
<utk:UTKButton text=""두꺼운 외곽선"" border-width=""2"" />
</ui:UXML>");
}
private void InitializeToggleButtonGroupSample(VisualElement root)
{
// Single Select
var singleSelectRow = root.Q<VisualElement>("single-select-row");
if (singleSelectRow != null)
{
var group1 = new UTKToggleButtonGroup();
group1.AddButton("Option 1");
group1.AddButton("Option 2");
group1.AddButton("Option 3");
singleSelectRow.Add(group1);
}
// Multi Select
var multiSelectRow = root.Q<VisualElement>("multi-select-row");
if (multiSelectRow != null)
{
var group2 = new UTKToggleButtonGroup { isMultipleSelection = true };
group2.AddButton("A");
group2.AddButton("B");
group2.AddButton("C");
group2.AddButton("D");
multiSelectRow.Add(group2);
}
// Disabled
var disabledRow = root.Q<VisualElement>("disabled-row");
if (disabledRow != null)
{
var group3 = new UTKToggleButtonGroup { IsEnabled = false };
group3.AddButton("Option 1");
group3.AddButton("Option 2");
group3.AddButton("Option 3");
disabledRow.Add(group3);
}
SetCodeSamples(root,
csharpCode: @"// Single Selection (기본)
var group1 = new UTKToggleButtonGroup();
group1.AddButton(""Option 1"");
group1.AddButton(""Option 2"");
group1.AddButton(""Option 3"");
// 선택 이벤트
group1.OnSelectionChanged += (index) =>
{
Debug.Log($""선택된 버튼: {index}"");
};
// Multiple Selection
var group2 = new UTKToggleButtonGroup { isMultipleSelection = true };
group2.AddButton(""A"");
group2.AddButton(""B"");
group2.AddButton(""C"");
group2.AddButton(""D"");
group2.OnSelectionChanged += (index) =>
{
Debug.Log($""토글된 버튼: {index}"");
};
// 선택된 인덱스 가져오기
var selectedIndex = group1.SelectedIndex; // Single
var selectedIndices = group2.SelectedIndices; // Multiple
// 프로그램으로 선택
group1.SelectButton(1); // 두 번째 버튼 선택
group2.ToggleButton(0); // 첫 번째 버튼 토글
// Disabled
var group3 = new UTKToggleButtonGroup { IsEnabled = false };
group3.AddButton(""Option 1"");
group3.AddButton(""Option 2"");
group3.AddButton(""Option 3"");" ,
uxmlCode: @"<!-- UTKToggleButtonGroup은 동적 생성 권장 -->
<!-- C# 코드에서 AddButton으로 버튼 추가 -->
<!-- Single Selection 예시 -->
<utk:UTKToggleButtonGroup name=""toggle-group-1"" />
<!-- Multiple Selection 예시 -->
<utk:UTKToggleButtonGroup name=""toggle-group-2"" is-multiple-selection=""true"" />
<!-- Disabled -->
<utk:UTKToggleButtonGroup name=""toggle-group-3"" is-enabled=""false"" />");
}
#endregion
}