Layout Management¶
Organize widgets using box containers.
Vertical Layout¶
let vbox = gui_box("vertical", 10);
gui_add(vbox, gui_label("Top"));
gui_add(vbox, gui_button("Middle"));
gui_add(vbox, gui_label("Bottom"));
Horizontal Layout¶
let hbox = gui_box("horizontal", 10);
gui_add(hbox, gui_button("Left"));
gui_add(hbox, gui_button("Center"));
gui_add(hbox, gui_button("Right"));
Complex Layouts¶
let main_box = gui_box("vertical", 10);
// Header
let header = gui_label("My Application");
// Content area
let content_box = gui_box("horizontal", 10);
let left_panel = gui_box("vertical", 5);
let right_panel = gui_box("vertical", 5);
gui_add(content_box, left_panel);
gui_add(content_box, right_panel);
// Footer
let footer_box = gui_box("horizontal", 5);
let btn_ok = gui_button("OK");
let btn_cancel = gui_button("Cancel");
gui_add(footer_box, btn_ok);
gui_add(footer_box, btn_cancel);
// Assemble
gui_add(main_box, header);
gui_add(main_box, content_box);
gui_add(main_box, footer_box);
gui_add(window, main_box);