cushy 0.4.0

A wgpu-powered graphical user interface (GUI) library with a reactive data model
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

//! This example shows off how buttons are able to use any widget, including
//! buttons, as their "label". The widget hierarchy constructed for this example
//! is:
//!
//! ```text
//! ┏ Align
//! ┃ ┏ Stack
//! ┃ ┃ ┏ Button
//! ┃ ┃ ┃ ┏ Stack
//! ┃ ┃ ┃ ┃ ┏ "Yo dawg!"
//! ┃ ┃ ┃ ┃ ┣ Button
//! ┃ ┃ ┃ ┃ ┃ ┏ Stack
//! ┃ ┃ ┃ ┃ ┃ ┃ ┏ "I heard you like buttons"
//! ┃ ┃ ┃ ┃ ┃ ┃ ┣ Button
//! ┃ ┃ ┃ ┃ ┃ ┃ ┃ ╺ "So I put buttons in your buttons"
//! ┃ ┃ ┣ clicked_button Label
//! ```

use cushy::value::{Destination, Dynamic};
use cushy::widget::MakeWidget;
use cushy::widgets::button::{ButtonHoverBackground, ButtonHoverForeground};
use cushy::Run;
use kludgine::Color;

fn main() -> cushy::Result {
    let clicked_button = Dynamic::<&'static str>::default();

    let inner_button = "So I put buttons in your buttons"
        .into_button()
        .on_click({
            let clicked_button = clicked_button.clone();
            move |_| clicked_button.set("inner button clicked")
        })
        .with(&ButtonHoverBackground, Color::RED)
        .with(&ButtonHoverForeground, Color::WHITE);

    let middle_button = "I heard you like buttons"
        .and(inner_button)
        .into_rows()
        .into_button()
        .on_click({
            let clicked_button = clicked_button.clone();
            move |_| clicked_button.set("middle button clicked")
        });

    let outer_button = "Yo dawg!"
        .and(middle_button)
        .into_rows()
        .into_button()
        .on_click({
            let clicked_button = clicked_button.clone();
            move |_| clicked_button.set("outer button clicked")
        });

    outer_button
        .and(clicked_button)
        .into_rows()
        .centered()
        .run()
}