✨Feature: life UI using UI Toolkit

LeonardoTPereira · Feb 2, 2023 · eef7d2c · eef7d2c
1 parent a1c7fc1
commit eef7d2c
Show file tree

Hide file tree

Showing 13 changed files with 436 additions and 0 deletions.
diff --git a/Assets/Editor.meta b/Assets/Editor.meta
diff --git a/Assets/Editor/Life.meta b/Assets/Editor/Life.meta
diff --git a/Assets/Editor/Life/UI_LifeBar.uxml b/Assets/Editor/Life/UI_LifeBar.uxml
@@ -0,0 +1,9 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Editor/Life/lifebar.uss?fileID=7433441132597879392&amp;guid=0671ba6214d544f419b808fe652f6206&amp;type=3#lifebar" />
+    <ui:IMGUIContainer name="lifebar-container" style="height: 20%; width: 50%; left: 25%; right: 25%; position: absolute;">
+        <ui:GroupBox name="hearts" style="height: 90%; width: 80%; left: 10%; right: 10%; top: 5%; bottom: 5%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
+            <ui:GroupBox name="first-line" class="line" style="width: 100%; height: 50%; top: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;" />
+            <ui:GroupBox name="second-line" class="line" style="width: 100%; height: 50%; top: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;" />
+        </ui:GroupBox>
+    </ui:IMGUIContainer>
+</ui:UXML>
diff --git a/Assets/Editor/Life/UI_LifeBar.uxml.meta b/Assets/Editor/Life/UI_LifeBar.uxml.meta
diff --git a/Assets/Editor/Life/lifebar.uss b/Assets/Editor/Life/lifebar.uss
@@ -0,0 +1,13 @@
+.line {
+    padding-left: 1%;
+    padding-right: 1%;
+    padding-top: 1%;
+    padding-bottom: 1%;
+    flex-direction: row;
+    align-items: stretch;
+}
+
+.heart {
+    width: 10%;
+    height: 100%;
+}
diff --git a/Assets/Editor/Life/lifebar.uss.meta b/Assets/Editor/Life/lifebar.uss.meta
diff --git a/Assets/Sprites/UI/Life.meta b/Assets/Sprites/UI/Life.meta
diff --git a/Assets/Sprites/UI/Life/heart1.png b/Assets/Sprites/UI/Life/heart1.png
diff --git a/Assets/Sprites/UI/Life/heart1.png.meta b/Assets/Sprites/UI/Life/heart1.png.meta
diff --git a/Assets/Sprites/UI/Life/heart2.png b/Assets/Sprites/UI/Life/heart2.png
diff --git a/Assets/Sprites/UI/Life/heart2.png.meta b/Assets/Sprites/UI/Life/heart2.png.meta
diff --git a/Assets/Sprites/UI/Life/heart3.png b/Assets/Sprites/UI/Life/heart3.png