tuix 0.2.0

Cross-platform GUI toolkit
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

use tuix::*;

const STYLE: &str = r#"
    
    panel>.header {
        background-color: #ff5e1a;
        height: 30px;
    }

    panel .container1 {
        background-color: white;
    }

    panel .container2 {
        child-left: 1s;
        child-right: 1s;
        child-top: 10px;
        child-bottom: 10px;
        col-between: 10px;
    }
    
    panel.one {
        left: 10px;
        top: 10px;
        width: 300px;
        height: auto;
        background-color: cyan;
    }

    panel>.header>label {
        child-space: 1s;
        child-left: 0px;
    }
    
"#;

fn main() {
    let app = Application::new(WindowDescription::new().with_title("Panels"), |state, window| {
        state.add_theme(STYLE);

        let panel =
            Panel::new("Panel 1").build(state, window.entity(), |builder| builder.class("one"));


        panel.set_row_between(state, Pixels(20.0));

        Button::with_label("1").build(state, panel, |builder| {
            builder
                .set_width(Units::Pixels(100.0))
                .set_height(Units::Pixels(30.0))
                .set_background_color(Color::blue())
                .set_child_space(Stretch(1.0))
        });

        Button::with_label("2").build(state, panel, |builder| {
            builder
                .set_width(Units::Pixels(100.0))
                .set_height(Units::Pixels(30.0))
                .set_background_color(Color::red())
                .set_child_space(Stretch(1.0))
        });

        // let panel = Panel::new("Panel 2").build(state, window.entity(), |builder| builder.class("two"));

        // Button::with_label("Button").build(state, panel, |builder| {
        //     builder
        //         .set_width(Units::Pixels(100.0))
        //         .set_height(Units::Pixels(30.0))
        //         .set_child_space(Stretch(1.0))
        // });
    });

    app.run();
}