#![allow(clippy::new_without_default_derive)] use crate::{ color::{self, Color}, fonts::TextStyle, layout::{make_id, Align, Direction, GuiResponse, Id, Region}, math::{remap_clamp, vec2, Rect, Vec2}, types::{Outline, PaintCmd}, }; // ---------------------------------------------------------------------------- /// Anything implementing Widget can be added to a Region with Region::add pub trait Widget { fn add_to(self, region: &mut Region) -> GuiResponse; } // ---------------------------------------------------------------------------- pub struct Label { text: String, text_style: TextStyle, text_color: Option, } impl Label { pub fn new>(text: S) -> Self { Label { text: text.into(), text_style: TextStyle::Body, text_color: None, } } pub fn text_style(mut self, text_style: TextStyle) -> Self { self.text_style = text_style; self } pub fn text_color(mut self, text_color: Color) -> Self { self.text_color = Some(text_color); self } } /// Usage: label!("Foo: {}", bar) #[macro_export] macro_rules! label { ($fmt:expr) => (Label::new($fmt)); ($fmt:expr, $($arg:tt)*) => (Label::new(format!($fmt, $($arg)*))); } impl Widget for Label { fn add_to(self, region: &mut Region) -> GuiResponse { let font = ®ion.fonts()[self.text_style]; let (text, text_size) = font.layout_multiline(&self.text, region.width()); let interact = region.reserve_space(text_size, None); region.add_text(interact.rect.min(), self.text_style, text, self.text_color); region.response(interact) } } // ---------------------------------------------------------------------------- pub struct Button { text: String, text_color: Option, } impl Button { pub fn new>(text: S) -> Self { Button { text: text.into(), text_color: None, } } pub fn text_color(mut self, text_color: Color) -> Self { self.text_color = Some(text_color); self } } impl Widget for Button { fn add_to(self, region: &mut Region) -> GuiResponse { let id = region.make_child_id(&self.text); let text_style = TextStyle::Button; let font = ®ion.fonts()[text_style]; let (text, text_size) = font.layout_multiline(&self.text, region.width()); let padding = region.style().button_padding; let mut size = text_size + 2.0 * padding; size.y = size.y.max(region.style().clickable_diameter); let interact = region.reserve_space(size, Some(id)); let text_cursor = interact.rect.left_center() + vec2(padding.x, -0.5 * text_size.y); region.add_paint_cmd(PaintCmd::Rect { corner_radius: 10.0, fill_color: Some(region.style().interact_fill_color(&interact)), outline: None, rect: interact.rect, }); region.add_text(text_cursor, text_style, text, self.text_color); region.response(interact) } } // ---------------------------------------------------------------------------- #[derive(Debug)] pub struct Checkbox<'a> { checked: &'a mut bool, text: String, text_color: Option, } impl<'a> Checkbox<'a> { pub fn new>(checked: &'a mut bool, text: S) -> Self { Checkbox { checked, text: text.into(), text_color: None, } } pub fn text_color(mut self, text_color: Color) -> Self { self.text_color = Some(text_color); self } } impl<'a> Widget for Checkbox<'a> { fn add_to(self, region: &mut Region) -> GuiResponse { let id = region.make_child_id(&self.text); let text_style = TextStyle::Button; let font = ®ion.fonts()[text_style]; let (text, text_size) = font.layout_multiline(&self.text, region.width()); let interact = region.reserve_space( region.style().button_padding + vec2(region.style().start_icon_width, 0.0) + text_size + region.style().button_padding, Some(id), ); let text_cursor = interact.rect.min() + region.style().button_padding + vec2(region.style().start_icon_width, 0.0); if interact.clicked { *self.checked = !*self.checked; } let (small_icon_rect, big_icon_rect) = region.style().icon_rectangles(&interact.rect); region.add_paint_cmd(PaintCmd::Rect { corner_radius: 3.0, fill_color: Some(region.style().interact_fill_color(&interact)), outline: None, rect: big_icon_rect, }); let stroke_color = region.style().interact_stroke_color(&interact); if *self.checked { region.add_paint_cmd(PaintCmd::Line { points: vec![ vec2(small_icon_rect.min().x, small_icon_rect.center().y), vec2(small_icon_rect.center().x, small_icon_rect.max().y), vec2(small_icon_rect.max().x, small_icon_rect.min().y), ], color: stroke_color, width: region.style().line_width, }); } region.add_text(text_cursor, text_style, text, self.text_color); region.response(interact) } } // ---------------------------------------------------------------------------- #[derive(Debug)] pub struct RadioButton { checked: bool, text: String, text_color: Option, } impl RadioButton { pub fn new>(checked: bool, text: S) -> Self { RadioButton { checked, text: text.into(), text_color: None, } } pub fn text_color(mut self, text_color: Color) -> Self { self.text_color = Some(text_color); self } } pub fn radio>(checked: bool, text: S) -> RadioButton { RadioButton::new(checked, text) } impl Widget for RadioButton { fn add_to(self, region: &mut Region) -> GuiResponse { let id = region.make_child_id(&self.text); let text_style = TextStyle::Button; let font = ®ion.fonts()[text_style]; let (text, text_size) = font.layout_multiline(&self.text, region.width()); let interact = region.reserve_space( region.style().button_padding + vec2(region.style().start_icon_width, 0.0) + text_size + region.style().button_padding, Some(id), ); let text_cursor = interact.rect.min() + region.style().button_padding + vec2(region.style().start_icon_width, 0.0); let fill_color = region.style().interact_fill_color(&interact); let stroke_color = region.style().interact_stroke_color(&interact); let (small_icon_rect, big_icon_rect) = region.style().icon_rectangles(&interact.rect); region.add_paint_cmd(PaintCmd::Circle { center: big_icon_rect.center(), fill_color: Some(fill_color), outline: None, radius: big_icon_rect.size.x / 2.0, }); if self.checked { region.add_paint_cmd(PaintCmd::Circle { center: small_icon_rect.center(), fill_color: Some(stroke_color), outline: None, radius: small_icon_rect.size.x / 2.0, }); } region.add_text(text_cursor, text_style, text, self.text_color); region.response(interact) } } // ---------------------------------------------------------------------------- pub struct Slider<'a> { get_set_value: Box) -> f32>, min: f32, max: f32, id: Option, text: Option, precision: usize, text_color: Option, text_on_top: Option, } impl<'a> Slider<'a> { pub fn f32(value: &'a mut f32, min: f32, max: f32) -> Self { Slider { get_set_value: Box::new(move |v: Option| { if let Some(v) = v { *value = v } *value }), min, max, id: None, text: None, precision: 3, text_on_top: None, text_color: None, } } pub fn i32(value: &'a mut i32, min: i32, max: i32) -> Self { Slider { get_set_value: Box::new(move |v: Option| { if let Some(v) = v { *value = v.round() as i32 } *value as f32 }), min: min as f32, max: max as f32, id: None, text: None, precision: 0, text_on_top: None, text_color: None, } } pub fn usize(value: &'a mut usize, min: usize, max: usize) -> Self { Slider { get_set_value: Box::new(move |v: Option| { if let Some(v) = v { *value = v.round() as usize } *value as f32 }), min: min as f32, max: max as f32, id: None, text: None, precision: 0, text_on_top: None, text_color: None, } } pub fn id(mut self, id: Id) -> Self { self.id = Some(id); self } pub fn text>(mut self, text: S) -> Self { self.text = Some(text.into()); self } pub fn text_color(mut self, text_color: Color) -> Self { self.text_color = Some(text_color); self } pub fn precision(mut self, precision: usize) -> Self { self.precision = precision; self } } impl<'a> Widget for Slider<'a> { fn add_to(mut self, region: &mut Region) -> GuiResponse { let text_style = TextStyle::Button; let font = ®ion.fonts()[text_style]; if let Some(text) = &self.text { let text_on_top = self.text_on_top.unwrap_or_default(); let text_color = self.text_color; let full_text = format!( "{}: {:.*}", text, self.precision, (self.get_set_value)(None) ); let id = Some(self.id.unwrap_or_else(|| make_id(text))); let mut naked = self; naked.id = id; naked.text = None; if text_on_top { let (text, text_size) = font.layout_multiline(&full_text, region.width()); let pos = region.reserve_space_without_padding(text_size); region.add_text(pos, text_style, text, text_color); naked.add_to(region) } else { region.columns(2, |columns| { let response = naked.add_to(&mut columns[0]); columns[1].available_space.y = response.rect.size().y; columns[1].horizontal(Align::Center, |region| { region.add(Label::new(full_text)); }); response }) } } else { let height = font.line_spacing().max(region.style().clickable_diameter); let min = self.min; let max = self.max; debug_assert!(min <= max); let id = region.combined_id(Some(self.id.unwrap_or(42))); // TODO: slider ID let interact = region.reserve_space( Vec2 { x: region.available_space.x, y: height, }, id, ); if let Some(mouse_pos) = region.input().mouse_pos { if interact.active { (self.get_set_value)(Some(remap_clamp( mouse_pos.x, interact.rect.min().x, interact.rect.max().x, min, max, ))); } } // Paint it: { let value = (self.get_set_value)(None); let rect = interact.rect; let thickness = rect.size().y; let thin_size = vec2(rect.size.x, thickness / 5.0); let thin_rect = Rect::from_center_size(rect.center(), thin_size); let marker_center_x = remap_clamp(value, min, max, rect.min().x, rect.max().x); region.add_paint_cmd(PaintCmd::Rect { corner_radius: 4.0, fill_color: Some(region.style().background_fill_color()), outline: Some(Outline { color: color::gray(200, 255), // TODO width: 1.0, }), rect: thin_rect, }); region.add_paint_cmd(PaintCmd::Circle { center: vec2(marker_center_x, thin_rect.center().y), fill_color: Some(region.style().interact_fill_color(&interact)), outline: Some(Outline { color: region.style().interact_stroke_color(&interact), width: 1.5, }), radius: thickness / 3.0, }); } region.response(interact) } } } // ---------------------------------------------------------------------------- pub struct Separator { line_width: f32, width: f32, } impl Separator { pub fn new() -> Separator { Separator { line_width: 2.0, width: 6.0, } } pub fn line_width(&mut self, line_width: f32) -> &mut Self { self.line_width = line_width; self } pub fn width(&mut self, width: f32) -> &mut Self { self.width = width; self } } impl Widget for Separator { fn add_to(self, region: &mut Region) -> GuiResponse { let available_space = region.available_space; let (points, interact) = match region.direction() { Direction::Horizontal => { let interact = region.reserve_space(vec2(self.width, available_space.y), None); ( vec![ vec2(interact.rect.center().x, interact.rect.min().y), vec2(interact.rect.center().x, interact.rect.max().y), ], interact, ) } Direction::Vertical => { let interact = region.reserve_space(vec2(available_space.x, self.width), None); ( vec![ vec2(interact.rect.min().x, interact.rect.center().y), vec2(interact.rect.max().x, interact.rect.center().y), ], interact, ) } }; region.add_paint_cmd(PaintCmd::Line { points, color: color::WHITE, width: self.line_width, }); region.response(interact) } }