zest-widget 0.1.0

Standard widget library for the zest GUI framework.
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

//! LED indicators: a row of status lights in on/off states and varying
//! colors, with a button that toggles the whole bank.

extern crate alloc;
use zest::prelude::*;
use zest::zest_theme::theme::dark;

#[derive(Clone)]
enum Msg {
    Toggle,
}

struct Screen {
    theme: Theme<'static, Rgb565>,
    powered: bool,
}

impl Screen {
    fn light(&self, on: bool, color: Rgb565, label: &'static str) -> Column<'static, Rgb565, Msg> {
        Column::new()
            .spacing(4)
            .push(
                LED::from_state(on, color)
                    .width(Length::Fixed(28))
                    .height(Length::Fixed(28)),
            )
            .push(
                Text::new(label)
                    .align_x(Horizontal::Center)
                    .height(Length::Fixed(16))
                    .color(self.theme.background.on_base),
            )
    }
}

impl ScreenView<Rgb565, Msg> for Screen {
    fn name(&self) -> &'static str {
        "LED"
    }

    fn theme(&self) -> &Theme<'_, Rgb565> {
        &self.theme
    }

    fn view(&self) -> Element<'_, Rgb565, Msg> {
        let on = self.powered;
        let bank = Row::new()
            .spacing(16)
            .push(self.light(on, self.theme.success.base, "OK"))
            .push(self.light(on, self.theme.warning.base, "WARN"))
            .push(self.light(on, self.theme.destructive.base, "ERR"))
            .push(self.light(true, self.theme.accent.base, "PWR"));

        Column::new()
            .spacing(8)
            .push(
                Text::new("LED status bank")
                    .align_x(Horizontal::Center)
                    .height(Length::Fixed(20))
                    .font(self.theme.typography.heading)
                    .color(self.theme.background.on_base),
            )
            .push(bank)
            .push(vertical_space())
            .push(
                Button::new(if on { "Power off" } else { "Power on" })
                    .on_press(Msg::Toggle)
                    .height(Length::Fixed(32)),
            )
            .into_element()
    }
}

struct App {
    screen: Screen,
}

impl Application for App {
    type Message = Msg;
    type Color = Rgb565;
    type Screen = Screen;

    fn init() -> (Self, Task<Msg>) {
        (
            Self {
                screen: Screen {
                    theme: convert_theme(&dark::THEME),
                    powered: true,
                },
            },
            Task::none(),
        )
    }

    fn update(&mut self, m: Msg) -> Task<Msg> {
        match m {
            Msg::Toggle => self.screen.powered = !self.screen.powered,
        }
        Task::none()
    }

    fn view(&self) -> &Screen {
        &self.screen
    }
}

#[embassy_executor::main]
async fn main(_spawner: embassy_executor::Spawner) {
    zest::run::<App>("zest - LED").await;
}