ui: add Layout class (#37311)

* split nav widget out

* clean up

* clean up

* fix

* work

* small enough to not be function

* nah we want intflag

* clean up

* always runs

* more clean up

* prep for scroller

* opacity for settings

* clean up layout

* set enabled

* rm

system/ui/widgets/icon_widget.py

@@ -0,0 +1,16 @@
+import pyray as rl
+from openpilot.system.ui.lib.application import gui_app
+from openpilot.system.ui.widgets import Widget
+
+
+class IconWidget(Widget):
+  def __init__(self, image_path: str, size: tuple[int, int], opacity: float = 1.0):
+    super().__init__()
+    self._texture = gui_app.texture(image_path, size[0], size[1])
+    self._opacity = opacity
+    self.set_rect(rl.Rectangle(0, 0, float(size[0]), float(size[1])))
+    self.set_enabled(False)
+
+  def _render(self, _) -> None:
+    color = rl.Color(255, 255, 255, int(self._opacity * 255))
+    rl.draw_texture_ex(self._texture, rl.Vector2(self._rect.x, self._rect.y), 0.0, 1.0, color)

system/ui/widgets/layouts.py

@@ -0,0 +1,60 @@
+from enum import IntFlag
+from openpilot.system.ui.widgets import Widget
+
+
+class Alignment(IntFlag):
+  LEFT = 0
+  # TODO: implement
+  # H_CENTER = 2
+  # RIGHT = 4
+
+  TOP = 8
+  V_CENTER = 16
+  BOTTOM = 32
+
+
+class HBoxLayout(Widget):
+  """
+  A Widget that lays out child Widgets horizontally.
+  """
+
+  def __init__(self, widgets: list[Widget] | None = None, spacing: int = 0,
+               alignment: Alignment = Alignment.LEFT | Alignment.V_CENTER):
+    super().__init__()
+    self._widgets: list[Widget] = []
+    self._spacing = spacing
+    self._alignment = alignment
+
+    if widgets is not None:
+      for widget in widgets:
+        self.add_widget(widget)
+
+  @property
+  def widgets(self) -> list[Widget]:
+    return self._widgets
+
+  def add_widget(self, widget: Widget) -> None:
+    self._widgets.append(widget)
+
+  def _render(self, _):
+    visible_widgets = [w for w in self._widgets if w.is_visible]
+
+    cur_offset_x = 0
+
+    for idx, widget in enumerate(visible_widgets):
+      spacing = self._spacing if (idx > 0) else 0
+
+      x = self._rect.x + cur_offset_x + spacing
+      cur_offset_x += widget.rect.width + spacing
+
+      if self._alignment & Alignment.TOP:
+        y = self._rect.y
+      elif self._alignment & Alignment.BOTTOM:
+        y = self._rect.y + self._rect.height - widget.rect.height
+      else:  # center
+        y = self._rect.y + (self._rect.height - widget.rect.height) / 2
+
+      # Update widget position and render
+      widget.set_position(round(x), round(y))
+      widget.set_parent_rect(self._rect)
+      widget.render()