egui/emgui_wasm/src/app.rs

use emgui::{math::*, types::*, widgets::*, Region};

pub trait GuiSettings {
    fn show_gui(&mut self, gui: &mut Region);
}

pub struct App {
    checked: bool,
    count: i32,
    selected_alternative: i32,

    size: Vec2,
    corner_radius: f32,
    stroke_width: f32,
}

impl Default for App {
    fn default() -> App {
        App {
            checked: true,
            selected_alternative: 0,
            count: 0,
            size: vec2(100.0, 50.0),
            corner_radius: 5.0,
            stroke_width: 2.0,
        }
    }
}

impl GuiSettings for App {
    fn show_gui(&mut self, gui: &mut Region) {
        gui.add(label(format!(
            "Screen size: {} x {}",
            gui.input().screen_size.x,
            gui.input().screen_size.y,
        )));

        gui.add(label("Hover me")).tooltip_text(
            "This is a multiline tooltip that demonstrates that you can easily add tooltips to any element.\nThis is the second line.\nThis is the third.",
        );

        gui.add(Checkbox::new(&mut self.checked, "checkbox"));

        gui.horizontal(|gui| {
            if gui
                .add(radio(self.selected_alternative == 0, "First"))
                .clicked
            {
                self.selected_alternative = 0;
            }
            if gui
                .add(radio(self.selected_alternative == 1, "Second"))
                .clicked
            {
                self.selected_alternative = 1;
            }
            if gui
                .add(radio(self.selected_alternative == 2, "Final"))
                .clicked
            {
                self.selected_alternative = 2;
            }
        });

        if gui
            .add(Button::new("Click me"))
            .tooltip_text("This will just increase a counter.")
            .clicked
        {
            self.count += 1;
        }

        gui.add(label(format!("This is a multiline label.\nThe button have been clicked {} times.\nBelow are more options.", self.count)));

        gui.foldable("Test box rendering", |gui| {
            gui.add(Slider::new(&mut self.size.x, 0.0, 500.0).text("width"));
            gui.add(Slider::new(&mut self.size.y, 0.0, 500.0).text("height"));
            gui.add(Slider::new(&mut self.corner_radius, 0.0, 50.0).text("corner_radius"));
            gui.add(Slider::new(&mut self.stroke_width, 0.0, 10.0).text("stroke_width"));

            let pos = gui.cursor();
            gui.add_graphic(GuiCmd::PaintCommands(vec![PaintCmd::Rect {
                corner_radius: self.corner_radius,
                fill_color: Some(srgba(136, 136, 136, 255)),
                pos,
                size: self.size,
                outline: Some(Outline {
                    width: self.stroke_width,
                    color: srgba(255, 255, 255, 255),
                }),
            }]));
            gui.reserve_space(self.size, None);
        });
    }
}

impl GuiSettings for emgui::LayoutOptions {
    fn show_gui(&mut self, gui: &mut Region) {
        if gui.add(Button::new("Reset LayoutOptions")).clicked {
            *self = Default::default();
        }
        gui.add(Slider::new(&mut self.item_spacing.x, 0.0, 10.0).text("item_spacing.x"));
        gui.add(Slider::new(&mut self.item_spacing.y, 0.0, 10.0).text("item_spacing.y"));
        gui.add(Slider::new(&mut self.window_padding.x, 0.0, 10.0).text("window_padding.x"));
        gui.add(Slider::new(&mut self.window_padding.y, 0.0, 10.0).text("window_padding.y"));
        gui.add(Slider::new(&mut self.indent, 0.0, 100.0).text("indent"));
        gui.add(Slider::new(&mut self.button_padding.x, 0.0, 20.0).text("button_padding.x"));
        gui.add(Slider::new(&mut self.button_padding.y, 0.0, 20.0).text("button_padding.y"));
        gui.add(Slider::new(&mut self.start_icon_width, 0.0, 60.0).text("start_icon_width"));
    }
}

impl GuiSettings for emgui::Style {
    fn show_gui(&mut self, gui: &mut Region) {
        if gui.add(Button::new("Reset Style")).clicked {
            *self = Default::default();
        }
        gui.add(Checkbox::new(&mut self.debug_rects, "debug_rects"));
        gui.add(Slider::new(&mut self.line_width, 0.0, 10.0).text("line_width"));
    }
}