Files
EnglewoodLAB/Assets/Sample/UIToolkit/UTKStyleGuideSample.Card.cs
2026-03-10 11:35:30 +09:00

109 lines
2.6 KiB
C#

#nullable enable
using System;
using System.Collections.Generic;
using Cysharp.Threading.Tasks;
using UnityEngine;
using UnityEngine.UIElements;
using UVC.UIToolkit;
/// <summary>
/// UTKStyleGuideSample의 Card 카테고리 Initialize 메서드들
/// </summary>
public partial class UTKStyleGuideSample
{
#region Card Initializers
private void InitializeCardSample(VisualElement root)
{
SetCodeSamples(root,
csharpCode: @"// 기본 카드
var card = new UTKCard();
card.Title = ""제목"";
card.Description = ""카드 설명"";
// 콘텐츠 추가
card.Add(new Label(""카드 내용""));
card.Add(new UTKButton(""버튼""));
// 생성자로 생성
var infoCard = new UTKCard(""정보"", ""상세 정보"");
// 헤더만
var headerCard = new UTKCard();
headerCard.Title = ""헤더만 있는 카드"";
// 변형 스타일
card.Variant = UTKCard.CardVariant.Outlined;
card.Variant = UTKCard.CardVariant.Elevated;
// 패딩 설정
card.ContentPadding = 20;",
uxmlCode: @"<!-- 네임스페이스 선언 -->
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
<!-- 기본 카드 -->
<utk:UTKCard title=""제목"" description=""카드 설명"">
<ui:Label text=""카드 내용"" />
</utk:UTKCard>
<!-- 외곽선 스타일 -->
<utk:UTKCard title=""외곽선 카드"" variant=""Outlined"">
<ui:Label text=""내용"" />
</utk:UTKCard>
<!-- 입체 스타일 -->
<utk:UTKCard title=""입체 카드"" variant=""Elevated"">
<ui:Label text=""내용"" />
</utk:UTKCard>
</ui:UXML>");
}
private void InitializePanelSample(VisualElement root)
{
SetCodeSamples(root,
csharpCode: @"// 기본 패널
var panel = new UTKPanel();
panel.Add(new Label(""패널 내용""));
// 제목이 있는 패널
var titlePanel = new UTKPanel();
titlePanel.Title = ""패널 제목"";
titlePanel.Add(new Label(""내용""));
// 변형 스타일
panel.Variant = UTKPanel.PanelVariant.Default;
panel.Variant = UTKPanel.PanelVariant.Outlined;
panel.Variant = UTKPanel.PanelVariant.Elevated;
// 패딩 설정
panel.Padding = 16;",
uxmlCode: @"<!-- 네임스페이스 선언 -->
<ui:UXML xmlns:utk=""UVC.UIToolkit"">
<!-- 기본 패널 -->
<utk:UTKPanel>
<ui:Label text=""패널 내용"" />
</utk:UTKPanel>
<!-- 제목이 있는 패널 -->
<utk:UTKPanel title=""패널 제목"">
<ui:Label text=""내용"" />
</utk:UTKPanel>
<!-- 외곽선 스타일 -->
<utk:UTKPanel variant=""Outlined"">
<ui:Label text=""내용"" />
</utk:UTKPanel>
<!-- 입체 스타일 -->
<utk:UTKPanel variant=""Elevated"">
<ui:Label text=""내용"" />
</utk:UTKPanel>
</ui:UXML>");
}
#endregion
}