vert 0.1.1

The 51th Rust Game Engine, to write the 6th Game in Rust
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

use std::borrow::Cow;

use fontdue::Font;

use crate::{
    elements::Color,
    modules::{
        arenas::Key,
        ui::{
            board::{
                Align, Board, BorderRadius, ContainerId,
                HotActive::{self, *},
                Id, Len, MainAlign, Text,
            },
            font_cache::FontSize,
            Padding,
        },
    },
};

use super::{next_hot_active, Widget};

pub struct Button {
    pub text: Cow<'static, str>,
    pub text_color: Color,
    pub color: Color,
    pub hover_color: Color,
    pub click_color: Color,
    pub font: Option<Key<Font>>,
}

impl Default for Button {
    fn default() -> Self {
        Button {
            text: "Button 1".into(),
            text_color: Color::BLACK,
            color: Color::u8_srgb(77, 130, 176),
            hover_color: Color::u8_srgb(151, 174, 194),
            font: None,
            click_color: Color::u8_srgb(188, 115, 201),
        }
    }
}

pub struct ButtonResponse {
    pub clicked: bool,
}

impl Widget for Button {
    type Response<'a> = ButtonResponse;

    fn add_to_board(
        self,
        board: &mut Board,
        id: Id,
        parent: Option<ContainerId>,
    ) -> ButtonResponse {
        let hot_active = board.hot_active(id);
        let left_button = board.input().mouse_buttons.left();
        let mut btn = board.add_text_div(
            Text {
                color: self.text_color,
                string: self.text,
                font: self.font,
                size: FontSize(24),
                ..Default::default()
            },
            id,
            parent,
        );

        let mouse_in_rect = btn.mouse_in_rect();

        btn.width(Len::px(200.0));
        // add padding
        btn.main_align = MainAlign::Start;
        btn.cross_align = Align::Center;

        btn.color = self.color;
        btn.border_color = Color::BLACK;
        btn.border_radius = BorderRadius::all(16.0);
        btn.border_thickness = 10.0;
        btn.border_softness = 16.0;
        btn.padding = Padding::new().top(Len::px(8.0)).bottom(Len::px(16.0));

        let next_hot_active = next_hot_active(hot_active, mouse_in_rect, left_button);
        let clicked = hot_active == Active && next_hot_active == Hot;

        // we can now update the style immediately. Using the hot_active only on insertion instead of next_hot_active
        // would always be 1 frame behind. Just add a 150ms of workload on each frame (7fps) and you will feel the different.
        btn.color = match next_hot_active {
            HotActive::Nil => self.color,
            HotActive::Hot => self.hover_color,
            HotActive::Active => self.click_color,
        };

        if next_hot_active != hot_active {
            board.set_hot_active(id, next_hot_active);
        }
        ButtonResponse { clicked }
    }
}