Support custom checkbox size

Author: loftafi

build.zig.zon

@@ -1,6 +1,6 @@
 .{
     .name = .engine,
-    .version = "0.10.4",
+    .version = "0.10.5",
     .fingerprint = 0xe8a81a8d0aa558d5,
     .minimum_zig_version = "0.15.2",
     .dependencies = .{

src/element.zig

@@ -113,6 +113,7 @@ pub const Element = struct {
             translated: []const u8 = "",
             elements: ArrayListUnmanaged(TextElement) = .empty,
             line_height: f32 = 1,
+            checkbox_size: Size = .{ .width = 0, .height = 0 },
             on_texture: ?*Texture = null,
             off_texture: ?*Texture = null,
             on_change: Callback = .{ .func = null },
@@ -1023,7 +1024,7 @@ pub const Element = struct {
                         // the minimum that would be needed.
                         self.layout_label(display, parent_inner_width);
                         //err("{s} {s} use width {d}", .{ self.name, @tagName(self.type), choose });
-                        return self.rect.width + self.pad.left + display.checkbox().width;
+                        return self.rect.width + self.pad.left + self.type.checkbox.checkbox_size.width;
                     },
                     .fixed => {
                         //err("{s} {s} use width {d}", .{ self.name, @tagName(self.type), choose });
@@ -1709,7 +1710,7 @@ pub const Element = struct {
 
     /// Draw a radio box combined with a text label.
     inline fn draw_checkbox(element: *Element, display: *Display, _: Vector, _: ?Clip, scroll_offset: Vector) void {
-        const checkbox = display.checkbox();
+        const checkbox = element.type.checkbox.checkbox_size;
         element.draw_label(display, scroll_offset, null);
         var dest: Rect = .{
             .x = element.rect.x + element.rect.width - checkbox.width - element.pad.left,
@@ -2148,9 +2149,9 @@ pub const Element = struct {
     /// Calculate how many pixels of text we can draw until we must wrap to
     /// the next line. By default the width is whatever the parent element
     /// has room for.
-    fn word_wrap_line(element: *Element, display: *Display, max_parent_width: f32) f32 {
+    fn word_wrap_line(element: *Element, _: *Display, max_parent_width: f32) f32 {
         var element_padding = element.pad.left + element.pad.right;
-        if (element.type == .checkbox) element_padding += display.checkbox().width;
+        if (element.type == .checkbox) element_padding += element.type.checkbox.checkbox_size.width;
 
         // If a fixed width is specified, clamp to the fixed width
         const wrap = switch (element.layout.x) {

src/engine.zig

@@ -1299,16 +1299,6 @@ pub const Display = struct {
         _ = sdl.SDL_RenderPresent(display.renderer);
     }
 
-    /// Reteurn the size of a checkbox button based on the user
-    /// selected screen size/scale.
-    pub fn checkbox(self: *Display) Size {
-        const CHECKBOX_WIDTH: f32 = 72;
-        const CHECKBOX_HEIGHT: f32 = 44;
-        const screen_height = self.text_height * self.pixel_scale * self.user_scale;
-        const screen_width = screen_height * (CHECKBOX_WIDTH / CHECKBOX_HEIGHT);
-        return .{ .width = screen_width, .height = screen_height };
-    }
-
     /// Load and associate a font file with a font name.
     pub fn load_font(
         self: *Display,
@@ -1457,13 +1447,13 @@ pub const Display = struct {
         ti.references -= 1;
         if (ti.references != 0) {
             if (ti.references < 0) {
-                err("free texture \"{d}\" (duplicate free)", .{ti.uid});
+                err("free texture \"{f}\" (duplicate free)", .{uid_writer(u64, ti.uid)});
             } else {
-                trace("free texture \"{d}\" (not yet {d})", .{ ti.uid, ti.references });
+                trace("free texture \"{f}\" (not yet {d})", .{ uid_writer(u64, ti.uid), ti.references });
             }
             return;
         }
-        trace("free texture \"{d}\" (now)", .{ti.uid});
+        trace("free texture \"{f}\" (now)", .{uid_writer(u64, ti.uid)});
         _ = self.textures.remove(ti.uid);
         ti.destroy(allocator);
     }
@@ -2964,7 +2954,12 @@ pub fn setup_checkbox(
         element.pad.bottom = self.text_height * self.scale * 0.3;
     }
 
-    const size = self.checkbox();
+    if (element.type.checkbox.checkbox_size.width == 0 or element.type.checkbox.checkbox_size.height == 0) {
+        element.type.checkbox.checkbox_size.width = default_font_size * self.pixel_scale;
+        element.type.checkbox.checkbox_size.height = default_font_size * self.pixel_scale;
+    }
+
+    const size = element.type.checkbox.checkbox_size;
     if (element.minimum.height < size.height)
         element.minimum.height = size.height;