84 lines
4.1 KiB
XML
84 lines
4.1 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<UXML xmlns="UnityEngine.UIElements" xmlns:utk="UVC.UIToolkit">
|
|
<Style src="../UTKSampleCommon.uss" />
|
|
<Style src="UTKButtonSample.uss" />
|
|
|
|
<VisualElement class="utk-sample-container">
|
|
<!-- Description -->
|
|
<Label class="utk-sample-desc" text="다양한 스타일의 버튼 컴포넌트" />
|
|
|
|
<!-- Filled Buttons -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Filled Buttons" />
|
|
<VisualElement class="utk-sample-row">
|
|
<utk:UTKButton name="btn-primary" text="Primary" variant="Primary" />
|
|
<utk:UTKButton name="btn-normal" text="Normal" variant="Normal" />
|
|
<utk:UTKButton name="btn-danger" text="Danger" variant="Danger" />
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Outline Buttons -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Outline Buttons" />
|
|
<VisualElement class="utk-sample-row">
|
|
<utk:UTKButton name="btn-outline-primary" text="Outline Primary" variant="OutlinePrimary" />
|
|
<utk:UTKButton name="btn-outline-normal" text="Outline Normal" variant="OutlineNormal" />
|
|
<utk:UTKButton name="btn-outline-danger" text="Outline Danger" variant="OutlineDanger" />
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Icon Only -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Icon Only" />
|
|
<VisualElement class="utk-sample-row" name="icon-only-row">
|
|
<!-- Icons will be set via C# code -->
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Ghost -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Ghost" />
|
|
<VisualElement class="utk-sample-row" name="ghost-row">
|
|
<utk:UTKButton name="btn-ghost" text="Ghost" variant="Ghost" />
|
|
<!-- Ghost icon button will be set via C# -->
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Text -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Text (Label/Icon Only)" />
|
|
<VisualElement class="utk-sample-row" name="text-row">
|
|
<utk:UTKButton name="btn-text-only" text="Text Only" variant="Text" />
|
|
<utk:UTKButton name="btn-text-link" text="Link Style" variant="Text" />
|
|
<!-- Text with icon will be set via C# -->
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Text Icon Only (Circle) -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Text Icon Only (Circle)" />
|
|
<VisualElement class="utk-sample-row" name="text-icon-only-row">
|
|
<!-- Circle icon buttons will be set via C# -->
|
|
<utk:UTKButton icon="settings" icon-only="true" icon-size="12" variant="Text" />
|
|
<utk:UTKButton icon="\ue8b8" icon-only="true" icon-size="12" variant="Text" />
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Disabled -->
|
|
<VisualElement class="utk-sample-section">
|
|
<Label class="utk-sample-section__title" text="Disabled" />
|
|
<VisualElement class="utk-sample-row">
|
|
<utk:UTKButton name="btn-disabled-primary" text="Disabled" variant="Primary" is-enabled="false" />
|
|
<utk:UTKButton name="btn-disabled-normal" text="Disabled" variant="Normal" is-enabled="false" />
|
|
<utk:UTKButton name="btn-disabled-text" text="Disabled" variant="Text" is-enabled="false" />
|
|
</VisualElement>
|
|
</VisualElement>
|
|
|
|
<!-- Code Sample -->
|
|
<VisualElement class="utk-code-sample-container">
|
|
<utk:UTKCodeBlock name="code-csharp" title="C#" />
|
|
<utk:UTKCodeBlock name="code-uxml" title="UXML" />
|
|
</VisualElement>
|
|
</VisualElement>
|
|
</UXML>
|