zest-widget 0.1.1

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
111
112
113
114

//! Length variants in a horizontal Row: Fixed, Shrink, Fill, FillPortion.

extern crate alloc;
use alloc::string::String;
use core::fmt::Write as _;
use zest::prelude::*;
use zest::zest_theme::theme::dark;

#[derive(Clone)]
struct Picked(&'static str);

struct Screen {
    theme: Theme<'static, Rgb565>,
    last: &'static str,
}

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

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

    fn view(&self) -> Element<'_, Rgb565, Picked> {
        let mut header = String::new();
        let _ = write!(&mut header, "Last tapped: {}", self.last);

        let row = Row::new()
            .spacing(6)
            .push(
                Button::new("Fixed 40")
                    .on_press(Picked("Fixed 40"))
                    .class(ButtonClass::Standard)
                    .width(40),
            )
            .push(
                Button::new("Shrink")
                    .on_press(Picked("Shrink"))
                    .class(ButtonClass::Text)
                    .width(Length::Shrink),
            )
            .push(
                Button::new("Fill")
                    .on_press(Picked("Fill"))
                    .class(ButtonClass::Suggested)
                    .width(Length::Fill),
            )
            .push(
                Button::new("Portion 2")
                    .on_press(Picked("Portion 2"))
                    .class(ButtonClass::Success)
                    .width(Length::FillPortion(2)),
            );

        let legend = Text::new(
            "Fixed=40px. Shrink=label width. Fill=1 share of leftover. \
             Portion(2)=2 shares — twice as wide as Fill.",
        )
        .font(self.theme.typography.caption)
        .color(self.theme.palette.neutral_2);

        Column::new()
            .spacing(6)
            .push(
                Text::new(header)
                    .align_x(Horizontal::Center)
                    .font(self.theme.typography.heading)
                    .color(self.theme.background.on_base),
            )
            .push(horizontal_divider())
            .push(row)
            .push(horizontal_divider())
            .push(legend)
            .into_element()
    }
}

struct App {
    screen: Screen,
}

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

    fn init() -> (Self, Task<Picked>) {
        (
            Self {
                screen: Screen {
                    theme: convert_theme(&dark::THEME),
                    last: "—",
                },
            },
            Task::none(),
        )
    }

    fn update(&mut self, Picked(l): Picked) -> Task<Picked> {
        self.screen.last = l;
        Task::none()
    }

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

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