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
75
76
77
78



use tuix::*;

const STYLE: &str = r#"
    .one {
        background-color: green;
    }

    .one:hover {
        background-color: blue;
    }

    .two {
        background-color: yellow;
    }

    .two:hover {
        background-color: #909090;
    }
"#;

pub struct TransformWidget {

}

impl TransformWidget {
    pub fn new() -> Self {
        Self {

        }
    }
}

impl Widget for TransformWidget {
    type Ret = Entity;
    type Data = ();
    fn on_build(&mut self, state: &mut State, entity: Entity) -> Self::Ret {

        let one = Element::new().build(state, entity, |builder| 
            builder

                //.set_left(Pixels(100.0))
                .set_top(Pixels(100.0))
                .set_width(Pixels(200.0))
                .set_height(Pixels(100.0))
                //.set_background_color(Color::green())
                .class("one")
        );

        one.set_scale(state, 0.5);
        one.set_rotate(state, 20.0);
        //one.set_translate(state, (30.0, 0.0));
        // one.set_translate(state, (30.0, 0.0));

        let two = Element::new().build(state, one, |builder| 
            builder

                //.set_left(Pixels(20.0))
                .set_top(Pixels(20.0))
                .set_width(Pixels(100.0))
                .set_height(Pixels(50.0))
                //.set_background_color(Color::green())
                .class("two")
        );

        entity.set_background_color(state, Color::red()).set_scale(state, 0.75).set_rotate(state, 20.0)
    }
}

fn main() {
    let app = Application::new(WindowDescription::new(),|state, window| {
        
        state.add_theme(STYLE);
        
        TransformWidget::new().build(state, window.entity(), |builder| builder);
    });

    app.run();
}