UI: fix text y_anchor and improve widget gallery (#1404)

Author: eruvanos

arcade/gui/examples/textured_slider.py

@@ -1,6 +1,8 @@
+from typing import Union
+
 import arcade
 from arcade import Window, View, Texture
-from arcade.gui import UIManager, Surface, UIAnchorLayout
+from arcade.gui import UIManager, Surface, UIAnchorLayout, NinePatchTexture
 from arcade.gui.widgets.slider import UISlider
 
 
@@ -9,7 +11,12 @@ class UITextureSlider(UISlider):
     Slider using
     """
 
-    def __init__(self, bar: Texture, thumb: Texture, style=None, **kwargs):
+    def __init__(self,
+                 bar: Union[Texture, NinePatchTexture],
+                 thumb: Union[Texture, NinePatchTexture],
+                 style=None,
+                 **kwargs
+                 ):
         self.bar = bar
         self.thumb = thumb
         style = style or UISlider.DEFAULT_STYLE

arcade/gui/examples/widget_gallery.py

@@ -5,7 +5,8 @@
 
 import arcade
 from arcade import load_texture
-from arcade.gui import UIManager, UITextureButton, UIGridLayout, NinePatchTexture
+from arcade.gui import UIManager, UITextureButton, UIGridLayout, NinePatchTexture, UILabel, UITextureToggle
+from arcade.gui.examples.textured_slider import UITextureSlider
 from arcade.gui.widgets.layout import UIAnchorLayout
 
 
@@ -45,12 +46,25 @@ def __init__(self):
             col_num=0,
             row_num=1)
 
-        button = UITextureButton(
-            texture=load_texture(":resources:gui_basic_assets/red_button_normal.png"),
-            texture_hovered=load_texture(":resources:gui_basic_assets/red_button_hover.png"),
-            texture_pressed=load_texture(":resources:gui_basic_assets/red_button_press.png"),
-        )
-        button.rect = button.rect.resize(width=150, height=80)
+        grid.add(
+            child=UILabel(text="abcdefghijklmnopqrstuvwäöüABCDEFG"),
+            col_num=0,
+            row_num=2)
+
+        grid.add(
+            child=UITextureToggle(
+                on_texture=load_texture(":resources:gui_basic_assets/toggle/switch_green.png"),
+                off_texture=load_texture(":resources:gui_basic_assets/toggle/switch_red.png")
+            ),
+            col_num=0,
+            row_num=3)
+        grid.add(
+            child=UITextureSlider(
+                bar=arcade.load_texture(":resources:gui_basic_assets/slider_bar.png"),
+                thumb=arcade.load_texture(":resources:gui_basic_assets/slider_thumb.png"),
+            ),
+            col_num=0,
+            row_num=4)
 
     def on_draw(self):
         self.clear()

arcade/gui/nine_patch.py

@@ -91,6 +91,14 @@ def size(self) -> Tuple[float, float]:
         """
         return self.texture.size
 
+    @property
+    def width(self):
+        return self.texture.width
+
+    @property
+    def height(self):
+        return self.texture.height
+
     def draw_sized(
         self,
         *,

arcade/gui/widgets/text.py

@@ -83,6 +83,7 @@ def __init__(
             italic=italic,
             stretch=stretch,
             align=align,
+            anchor_y="bottom",  # position text bottom left, to fit into scissor box
             dpi=dpi,
             multiline=multiline,
             **kwargs,