Add new examples

example/examples/basic/radio_group/radio_group.gui

@@ -0,0 +1,195 @@
+fonts {
+  name: "text_bold"
+  font: "/example/assets/fonts/text_bold.font"
+}
+textures {
+  name: "druid"
+  texture: "/example/assets/druid.atlas"
+}
+nodes {
+  size {
+    x: 200.0
+    y: 100.0
+  }
+  type: TYPE_BOX
+  id: "root"
+  inherit_alpha: true
+  size_mode: SIZE_MODE_AUTO
+  visible: false
+}
+nodes {
+  position {
+    x: -100.0
+  }
+  type: TYPE_TEMPLATE
+  id: "checkbox_1"
+  parent: "root"
+  inherit_alpha: true
+  template: "/example/examples/basic/checkbox/checkbox.gui"
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/root"
+  parent: "checkbox_1"
+  template_node_child: true
+}
+nodes {
+  color {
+    x: 0.31
+    y: 0.318
+    z: 0.322
+  }
+  type: TYPE_BOX
+  texture: "druid/ui_circle_32"
+  id: "checkbox_1/button"
+  parent: "checkbox_1/root"
+  slice9 {
+    x: 8.0
+    y: 8.0
+    z: 8.0
+    w: 8.0
+  }
+  overridden_fields: 5
+  overridden_fields: 9
+  overridden_fields: 22
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  texture: "druid/ui_circle_16"
+  id: "checkbox_1/icon"
+  parent: "checkbox_1/button"
+  overridden_fields: 9
+  template_node_child: true
+}
+nodes {
+  position {
+    y: -8.0
+  }
+  type: TYPE_BOX
+  texture: "druid/ui_circle_16"
+  id: "checkbox_1/selected"
+  parent: "checkbox_1/button"
+  overridden_fields: 1
+  overridden_fields: 9
+  overridden_fields: 38
+  template_node_child: true
+  size_mode: SIZE_MODE_AUTO
+}
+nodes {
+  type: TYPE_TEMPLATE
+  id: "checkbox_2"
+  parent: "root"
+  inherit_alpha: true
+  template: "/example/examples/basic/checkbox/checkbox.gui"
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/root"
+  parent: "checkbox_2"
+  template_node_child: true
+}
+nodes {
+  color {
+    x: 0.31
+    y: 0.318
+    z: 0.322
+  }
+  type: TYPE_BOX
+  texture: "druid/ui_circle_32"
+  id: "checkbox_2/button"
+  parent: "checkbox_2/root"
+  slice9 {
+    x: 8.0
+    y: 8.0
+    z: 8.0
+    w: 8.0
+  }
+  overridden_fields: 5
+  overridden_fields: 9
+  overridden_fields: 22
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  texture: "druid/ui_circle_16"
+  id: "checkbox_2/icon"
+  parent: "checkbox_2/button"
+  overridden_fields: 9
+  template_node_child: true
+}
+nodes {
+  position {
+    y: -8.0
+  }
+  type: TYPE_BOX
+  texture: "druid/ui_circle_16"
+  id: "checkbox_2/selected"
+  parent: "checkbox_2/button"
+  overridden_fields: 1
+  overridden_fields: 9
+  overridden_fields: 38
+  template_node_child: true
+  size_mode: SIZE_MODE_AUTO
+}
+nodes {
+  position {
+    x: 100.0
+  }
+  type: TYPE_TEMPLATE
+  id: "checkbox_3"
+  parent: "root"
+  inherit_alpha: true
+  template: "/example/examples/basic/checkbox/checkbox.gui"
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/root"
+  parent: "checkbox_3"
+  template_node_child: true
+}
+nodes {
+  color {
+    x: 0.31
+    y: 0.318
+    z: 0.322
+  }
+  type: TYPE_BOX
+  texture: "druid/ui_circle_32"
+  id: "checkbox_3/button"
+  parent: "checkbox_3/root"
+  slice9 {
+    x: 8.0
+    y: 8.0
+    z: 8.0
+    w: 8.0
+  }
+  overridden_fields: 5
+  overridden_fields: 9
+  overridden_fields: 22
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  texture: "druid/ui_circle_16"
+  id: "checkbox_3/icon"
+  parent: "checkbox_3/button"
+  overridden_fields: 9
+  template_node_child: true
+}
+nodes {
+  position {
+    y: -8.0
+  }
+  type: TYPE_BOX
+  texture: "druid/ui_circle_16"
+  id: "checkbox_3/selected"
+  parent: "checkbox_3/button"
+  overridden_fields: 1
+  overridden_fields: 9
+  overridden_fields: 38
+  template_node_child: true
+  size_mode: SIZE_MODE_AUTO
+}
+material: "/builtins/materials/gui.material"
+adjust_reference: ADJUST_REFERENCE_PARENT

example/examples/basic/radio_group/radio_group.lua

@@ -0,0 +1,55 @@
+local component = require("druid.component")
+local event = require("druid.event")
+
+-- Require checkbox component from checkbox example
+local checkbox = require("example.examples.basic.checkbox.checkbox")
+
+---@class radio_group: druid.base_component
+---@field druid druid_instance
+---@field button druid.button
+local M = component.create("radio_group")
+
+
+---@param template string
+---@param nodes table<hash, node>
+function M:init(template, nodes)
+	self.druid = self:get_druid(template, nodes)
+
+	self.state = {}
+	self.checkboxes = {
+		self.druid:new(checkbox, "checkbox_1"),
+		self.druid:new(checkbox, "checkbox_2"),
+		self.druid:new(checkbox, "checkbox_3")
+	}
+
+	for i = 1, #self.checkboxes do
+ 		self.checkboxes[i].on_state_changed:subscribe(self.on_checkbox_click, self)
+		self.state[i] = false
+	end
+
+	self.checkboxes[1]:set_state(true)
+	self.state[1] = true
+
+	self.on_state_changed = event.create()
+end
+
+
+function M:on_checkbox_click()
+	local new_clicked = nil
+	for index = 1, #self.checkboxes do
+		if self.checkboxes[index]:get_state() ~= self.state[index] then
+			new_clicked = index
+			break
+		end
+	end
+
+	for index = 1, #self.state do
+		self.checkboxes[index]:set_state(index == new_clicked)
+		self.state[index] = index == new_clicked
+	end
+
+	self.on_state_changed:trigger(new_clicked)
+end
+
+
+return M