nrelm 0.1.1

An idiomatic GUI library inspired by Elm and based on gtk3-rs
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

use gtk::prelude::*;
use nrelm::prelude::*;

struct AppModel {
    left: bool,
    homogeneous: bool,
}

#[derive(Debug)]
enum AppMsg {
    SetLeft(bool),
    SetHomogeneous(bool),
}

#[nrelm::component]
impl SimpleComponent for AppModel {
    type Init = ();
    type Input = AppMsg;
    type Output = ();

    view! {
        gtk::Window {
            set_title: "Conditional Properties Example",
            set_default_size: (250, 125),

            gtk::Box {
                set_orientation: gtk::Orientation::Vertical,
                set_spacing: 5,
                set_margin_all: 5,

                // Create a conditional widget stack.
                if model.left {
                    gtk::Label {
                        set_halign: gtk::Align::Start,
                        set_label: "This is\nthe left\npage!"
                    }
                } else {
                    gtk::Label {
                        set_halign: gtk::Align::Start,
                        set_label: "This is the right page!"
                   }
                } -> {
                    // You can set the `gtk::Stack`'s properties here.
                    set_transition_type: gtk::StackTransitionType::SlideLeftRight,
                    set_halign: gtk::Align::Center,
                    #[watch]
                    set_hhomogeneous: model.homogeneous,
                    #[watch]
                    set_vhomogeneous: model.homogeneous,
                },

                gtk::CheckButton {
                    set_label: "Show left stack page",
                    set_active: model.left,
                    connect_toggled[sender] => move |checkbox| sender.input(AppMsg::SetLeft(checkbox.is_active())),
                },

                gtk::CheckButton {
                    set_label: "Homogeneous stack",
                    set_active: model.homogeneous,
                    connect_toggled[sender] => move |checkbox| sender.input(AppMsg::SetHomogeneous(checkbox.is_active())),
                },
            }
        }
    }

    fn init(
        _init: Self::Init,
        root: Self::Root,
        sender: ComponentSender<Self>,
    ) -> ComponentParts<Self> {
        let model = AppModel {
            left: true,
            homogeneous: true,
        };

        let widgets = view_output!();

        ComponentParts { model, widgets }
    }

    fn update(&mut self, msg: Self::Input, _sender: ComponentSender<Self>) {
        match msg {
            AppMsg::SetLeft(left) => self.left = left,
            AppMsg::SetHomogeneous(homogeneous) => self.homogeneous = homogeneous,
        }
    }
}

fn main() {
    let app = RelmApp::new("nrelm.example.conditional_properties");
    nrelm::set_global_css("stack { border: 1px black solid; }");
    app.run::<AppModel>(());
}