sge_ui 1.0.2

UI library for SGE
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

use super::*;
use core::f32;
use sge_input::{cursor, mouse_pressed, mouse_released};
use sge_utils::{FromF32, PartialClamp, ToF32};
use sge_vectors::vec2;
use sge_window::{use_grab_cursor_icon, use_grabbing_cursor_icon};
use std::ops::{Add, Div, Mul, Sub};

pub trait SliderValue = Add<Self, Output = Self>
    + Sub<Self, Output = Self>
    + Div<Self, Output = Self>
    + Mul<Self, Output = Self>
    + 'static
    + Sized
    + Debug
    + PartialOrd
    + Copy
    + ToF32
    + FromF32
    + PartialClamp;

#[derive(Debug)]
/// If you're confused on how to use the slider element, check the source for the flat Slider component
pub struct Slider<T: SliderValue> {
    min: T,
    max: T,
    value: *mut T,
    handle: Child,
    bar: Child,
    state: State<SliderState>,
}

#[derive(Default, Debug)]
pub struct SliderState {
    captured: bool,
}

impl<T: SliderValue> Slider<T> {
    pub fn new(value: &mut T, min: T, max: T, handle: Child, bar: Child, id: usize) -> UiRef {
        Self {
            min,
            max,
            value: value as *mut T,
            state: State::from_id(id),
            handle,
            bar,
        }
        .to_ref()
    }
}

impl<T: SliderValue> UiNode for Slider<T> {
    fn preferred_dimensions(&self) -> Vec2 {
        let height = self.bar.preferred_dimensions().y;
        vec2(f32::INFINITY, height)
    }

    fn size(&self, _: Area) -> Vec2 {
        self.preferred_dimensions()
    }

    fn draw(&self, area: Area, ui: &UiState) -> Vec2 {
        let state = self.state.get_or_default();
        let value = unsafe { &mut *self.value };
        let handle_size = self.handle.preferred_dimensions();
        let bar_size = vec2(area.width(), self.bar.preferred_dimensions().y);
        let size = bar_size.max(handle_size);

        let width = self.max - self.min;

        let usable_width = area.width() - handle_size.x;

        let cursor_ratio = |cursor_x: f32| {
            let relative_x = cursor_x - area.top_left.x - handle_size.x / 2.0;
            (relative_x / usable_width).clamp(0.0, 1.0)
        };

        let set_value_from_cursor = |cursor_x: f32| {
            let ratio = cursor_ratio(cursor_x);
            T::from_f32(self.min.to_f32() + ratio * width.to_f32())
        };

        let ratio = (value.to_f32() - self.min.to_f32()) / width.to_f32();
        let x_pos = ratio * usable_width;

        let handle_area = Area::new(area.top_left + vec2(x_pos, 0.0), handle_size);
        let bar_area = Area::new(area.top_left, bar_size);

        let is_handle_hovered = ui.is_hovered(handle_area);
        let is_bar_hovered = ui.is_hovered(bar_area);

        if mouse_released(MouseButton::Left) {
            state.captured = false;
        }

        if mouse_pressed(MouseButton::Left) && (is_bar_hovered || is_handle_hovered) {
            state.captured = true;
            if let Some(cursor_pos) = cursor() {
                *value = set_value_from_cursor(cursor_pos.x);
            }
        }

        if state.captured {
            if let Some(cursor_pos) = cursor() {
                *value = set_value_from_cursor(cursor_pos.x);
            }
            use_grabbing_cursor_icon();
        } else if is_handle_hovered || is_bar_hovered {
            use_grab_cursor_icon();
        }

        if !state.captured && (is_handle_hovered || is_bar_hovered) {
            use_grab_cursor_icon();
        }

        self.bar.draw(bar_area, ui);
        self.handle.draw(handle_area, ui);
        size
    }
}