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

기본 Styleguide 완료

Browse Source
This commit is contained in:
logonkhi
2026-01-21 20:43:54 +09:00
parent fd8f8c6de0
commit e00953de52
122 changed files with 3310 additions and 709 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Assets/Resources/UIToolkit/Sample/Button/UTKButtonSample.uxml
View File

@@ -71,5 +71,11 @@
<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 title="C#" code="// 기본 버튼 생성&#10;var btn = new UTKButton(&quot;확인&quot;);&#10;btn.OnClicked += () =&gt; Debug.Log(&quot;클릭됨!&quot;);&#10;&#10;// 텍스트와 Material Icon이 있는 버튼&#10;var saveBtn = new UTKButton(&quot;저장&quot;, UTKMaterialIcons.Save, UTKButton.ButtonVariant.Primary);&#10;&#10;// 텍스트와 아이콘 (크기 지정)&#10;var largeIconBtn = new UTKButton(&quot;설정&quot;, UTKMaterialIcons.Settings, UTKButton.ButtonVariant.Primary, 28);&#10;var smallImageBtn = new UTKButton(&quot;닫기&quot;, UTKImageIcons.BtnClose22, UTKButton.ButtonVariant.Danger, 20);&#10;&#10;// Image Icon 설정&#10;var imgBtn = new UTKButton(&quot;닫기&quot;);&#10;imgBtn.SetImageIcon(UTKImageIcons.BtnClose22);&#10;imgBtn.SetImageIconByName(&quot;icon_setting_22&quot;);&#10;&#10;// 비동기 아이콘 설정&#10;await btn.SetMaterialIconAsync(UTKMaterialIcons.Search);&#10;await btn.SetImageIconAsync(UTKImageIcons.IconSetting22);&#10;&#10;// 아이콘만 표시하는 버튼&#10;var iconOnlyBtn = new UTKButton { IconOnly = true };&#10;iconOnlyBtn.SetMaterialIcon(UTKMaterialIcons.Close);&#10;&#10;// 버튼 스타일 변형&#10;btn.Variant = UTKButton.ButtonVariant.Primary;&#10;btn.Variant = UTKButton.ButtonVariant.Danger;&#10;btn.Variant = UTKButton.ButtonVariant.Ghost;&#10;&#10;// 버튼 크기&#10;btn.Size = UTKButton.ButtonSize.Small;&#10;btn.Size = UTKButton.ButtonSize.Large;&#10;&#10;// 아이콘 제거&#10;btn.ClearIcon();" />
<utk:UTKCodeBlock title="UXML" code="&lt;!-- 기본 버튼 --&gt;&#10;&lt;utk:UTKButton text=&quot;확인&quot; /&gt;&#10;&#10;&lt;!-- 버튼 변형 --&gt;&#10;&lt;utk:UTKButton text=&quot;저장&quot; variant=&quot;Primary&quot; /&gt;&#10;&lt;utk:UTKButton text=&quot;삭제&quot; variant=&quot;Danger&quot; /&gt;&#10;&lt;utk:UTKButton text=&quot;취소&quot; variant=&quot;Ghost&quot; /&gt;&#10;&lt;utk:UTKButton text=&quot;링크&quot; variant=&quot;Text&quot; /&gt;&#10;&#10;&lt;!-- 외곽선 변형 --&gt;&#10;&lt;utk:UTKButton text=&quot;확인&quot; variant=&quot;OutlinePrimary&quot; /&gt;&#10;&lt;utk:UTKButton text=&quot;삭제&quot; variant=&quot;OutlineDanger&quot; /&gt;&#10;&#10;&lt;!-- 크기 변형 --&gt;&#10;&lt;utk:UTKButton text=&quot;작은 버튼&quot; size=&quot;Small&quot; /&gt;&#10;&lt;utk:UTKButton text=&quot;큰 버튼&quot; size=&quot;Large&quot; /&gt;&#10;&#10;&lt;!-- 아이콘만 표시 --&gt;&#10;&lt;utk:UTKButton icon=&quot;&amp;#xe5cd;&quot; icon-only=&quot;true&quot; /&gt;&#10;&#10;&lt;!-- 비활성화 --&gt;&#10;&lt;utk:UTKButton text=&quot;비활성화&quot; is-enabled=&quot;false&quot; /&gt;&#10;&#10;&lt;!-- 외곽선 굵기 --&gt;&#10;&lt;utk:UTKButton text=&quot;두꺼운 외곽선&quot; border-width=&quot;2&quot; /&gt;" />
</VisualElement>
</VisualElement>
</UXML>