egui/emigui_wasm/src/app.rs

use emigui::{math::*, types::*, widgets::*, Region, TextStyle};

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 App {
    pub fn show_gui(&mut self, gui: &mut Region) {
        gui.add(label("Emigui").text_style(TextStyle::Heading));
        gui.add(label("Emigui is an Immediate mode GUI written in Rust, compiled to WebAssembly, rendered with WebGL."));

        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);
        });
    }
}