cosg 0.1.1

A wgpu-based UI library with a dark violet theme
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

use crate::{
    esc::Esc,
    theme::Theme,
    widget::{DrawRect, Rect, TextCmd, Widget, WidgetEvent},
};

#[derive(Debug, Clone, Copy, PartialEq)]
enum BtnState { Idle, Hovered, Pressed }

pub struct Button {
    label:    String,
    esc:      Esc,
    rect:     Rect,
    state:    BtnState,
    on_press: Option<Box<dyn Fn()>>,
}

impl Button {
    pub fn new() -> Self {
        Self { label: String::new(), esc: Esc::default(), rect: Rect::default(),
               state: BtnState::Idle, on_press: None }
    }
    pub fn label(mut self, s: impl Into<String>) -> Self { self.label = s.into(); self }
    pub fn esc(mut self, e: Esc) -> Self { self.esc = e; self }
    pub fn on_press<F: Fn() + 'static>(mut self, f: F) -> Self {
        self.on_press = Some(Box::new(f)); self
    }
}

impl Widget for Button {
    fn layout(&mut self, bounds: Rect, _theme: &Theme) { self.rect = bounds; }

    fn draw(&self, theme: &Theme) -> Vec<DrawRect> {
        let mut color = match self.state {
            BtnState::Idle    => theme.primary,
            BtnState::Hovered => theme.primary_hover,
            BtnState::Pressed => theme.primary_press,
        };
        color[3] *= self.esc.opacity;
        vec![DrawRect {
            rect:          self.rect,
            color,
            border_radius: self.esc.border_radius,
            border_width:  self.esc.border_width,
            border_color:  self.esc.border_color.unwrap_or(theme.border),
        }]
    }

    fn draw_text(&self, theme: &Theme) -> Vec<TextCmd> {
        if self.label.is_empty() { return vec![]; }
        // Wyśrodkuj tekst pionowo w przycisku
        let font_size = theme.font_size;
        vec![TextCmd {
            text:      self.label.clone(),
            x:         self.rect.x + 12.0,
            y:         self.rect.y + (self.rect.h - font_size) * 0.5,
            font_size,
            color:     theme.text,
        }]
    }

    fn handle_event(&mut self, event: &WidgetEvent) {
        match event {
            WidgetEvent::MouseMove { x, y } => {
                if self.rect.contains(*x, *y) {
                    if self.state == BtnState::Idle { self.state = BtnState::Hovered; }
                } else {
                    self.state = BtnState::Idle;
                }
            }
            WidgetEvent::MouseDown { x, y } => {
                if self.rect.contains(*x, *y) { self.state = BtnState::Pressed; }
            }
            WidgetEvent::MouseUp { x, y } => {
                if self.rect.contains(*x, *y) && self.state == BtnState::Pressed {
                    if let Some(f) = &self.on_press { f(); }
                    self.state = BtnState::Hovered;
                } else {
                    self.state = BtnState::Idle;
                }
            }
            WidgetEvent::KeyInput { .. } => {}
        }
    }

    fn rect(&self) -> Rect { self.rect }
}