frui 0.0.1

A developer-friendly framework for building user interfaces 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123

use std::cell::Cell;

use frui::{
    api::events::{Event, WidgetEvent},
    prelude::*,
};

const WIDTH: f64 = 60.0;
const HEIGHT: f64 = 60.0;

const COLOR: Color = Color::rgb8(255, 144, 54);

#[derive(SingleChildWidget)]
pub struct Button<L: Widget, F: Fn()> {
    pub label: L,
    pub on_click: F,
}

impl<L: Widget, F: Fn()> SingleChildWidget for Button<L, F> {
    fn build<'w>(&'w self, _: BuildContext<'w, Self>) -> Self::Widget<'w> {
        Center { child: &self.label }
    }

    fn layout(&self, ctx: RenderContext<Self>, _: Constraints) -> Size {
        ctx.child().layout(Constraints {
            min_width: 0.,
            max_width: WIDTH,
            min_height: 0.,
            max_height: HEIGHT,
        });

        Size {
            width: WIDTH,
            height: HEIGHT,
        }
    }

    fn paint(&self, ctx: RenderContext<Self>, canvas: &mut PaintContext, offset: &Offset) {
        let color;
        let hover_shade = 0.2;

        if ctx.rstate().is_hovered.get() {
            let (mut r, mut g, mut b, a) = COLOR.as_rgba8();

            // User-chosen color darkened.
            r = (r as f32 * (1. - hover_shade)) as u8;
            g = (g as f32 * (1. - hover_shade)) as u8;
            b = (b as f32 * (1. - hover_shade)) as u8;

            color = Color::rgba8(r, g, b, a);
        } else {
            color = COLOR.clone();
        }

        let brush = &canvas.solid_brush(color);

        PietRenderContext::fill(
            canvas,
            RoundedRect::new(offset.x, offset.y, offset.x + WIDTH, offset.y + HEIGHT, 15.),
            brush,
        );

        ctx.child().paint(canvas, offset)
    }
}

pub struct ButtonRenderState {
    pub(crate) is_pressed: Cell<bool>,
    pub(crate) is_hovered: Cell<bool>,
}

impl<L: Widget, F: Fn()> RenderState for Button<L, F> {
    type State = ButtonRenderState;

    fn create_state(&self) -> Self::State {
        ButtonRenderState {
            is_pressed: Cell::new(false),
            is_hovered: Cell::new(false),
        }
    }
}

impl<L: Widget, F: Fn()> WidgetEvent for Button<L, F> {
    fn handle_event(&self, ctx: RenderContext<Self>, event: &Event) -> bool {
        match event {
            Event::MouseDown(e) => {
                if let MouseButton::Left = e.button {
                    if ctx.point_in_layout_bounds(e.pos) {
                        ctx.rstate().is_pressed.set(true);
                    }
                }
            }
            Event::MouseUp(e) => {
                if let MouseButton::Left = e.button {
                    if ctx.rstate().is_pressed.replace(false) {
                        // Call user-defined callback.
                        (self.on_click)();
                    }
                }
            }
            Event::MouseMove(e) => {
                if ctx.point_in_layout_bounds(e.pos) {
                    if !ctx.rstate().is_hovered.replace(true) {
                        // Repaint only if the hover state changed.
                        ctx.schedule_layout();
                    }
                } else {
                    if ctx.rstate().is_hovered.replace(false) {
                        // Repaint only if the hover state changed.
                        ctx.schedule_layout();
                    }
                }
            }
            _ => {}
        };

        if let Event::MouseDown(_) | Event::MouseUp(_) | Event::MouseMove(_) = event {
            true
        } else {
            false
        }
    }
}