widgetkit 0.2.0

Modular Rust framework for building desktop widgets.
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

#![windows_subsystem = "windows"]

use chrono::Local;
use widgetkit::prelude::*;

fn main() -> widgetkit::Result<()> {
    WidgetApp::new()
        .widget("clock", ClockWidget)
        .host(
            WindowsHost::new()
                .with_size(Size::new(360.0, 135.0))
                .with_standard_top_bar(false),
        )
        .renderer(SoftwareRenderer::new())
        .run()
}

struct ClockWidget;

#[derive(Default)]
struct ClockState {
    time_text: String,
    status: String,
    accent: Color,
}

#[derive(Clone, Debug)]
enum Msg {
    Tick,
    StatusLoaded(String),
}

impl Widget for ClockWidget {
    type State = ClockState;
    type Message = Msg;

    fn mount(&mut self, _ctx: &mut MountCtx<Self>) -> Self::State {
        ClockState {
            time_text: current_time_string(),
            status: "starting runtime...".into(),
            accent: Color::rgb(127, 160, 255),
        }
    }

    fn start(&mut self, _state: &mut Self::State, ctx: &mut StartCtx<Self>) {
        ctx.scheduler()
            .every(std::time::Duration::from_secs(1), Msg::Tick);
        ctx.tasks().spawn_named("load-status", async {
            Msg::StatusLoaded("software renderer + render frame ready".to_string())
        });
        ctx.post(Msg::Tick);
    }

    fn update(
        &mut self,
        state: &mut Self::State,
        event: Event<Self::Message>,
        ctx: &mut UpdateCtx<Self>,
    ) {
        match event {
            Event::Message(Msg::Tick) => {
                state.time_text = current_time_string();
                ctx.request_render();
            }
            Event::Message(Msg::StatusLoaded(status)) => {
                state.status = status;
                ctx.request_render();
            }
            Event::Host(_) => {}
        }
    }

    fn render(&self, state: &Self::State, canvas: &mut Canvas, _ctx: &RenderCtx<Self>) {
        let bg = Color::rgb(14, 17, 22);
        let card = Color::rgb(30, 36, 48);
        let muted = Color::rgb(190, 198, 212);
        let divider = Color::rgba(255, 255, 255, 32);

        canvas.clear(bg);

        canvas.save();
        canvas.clip_rect(Rect::xywh(12.0, 12.0, 336.0, 112.0));
        canvas.round_rect(Rect::xywh(12.0, 12.0, 336.0, 112.0), 18.0, card);

        canvas.text(
            Point::new(28.0, 28.0),
            "WidgetKit",
            TextStyle::new().size(16.0),
            state.accent,
        );

        canvas.line(
            Point::new(24.0, 45.0),
            Point::new(324.0, 45.0),
            Stroke::new(1.0),
            divider,
        );

        canvas.text(
            Point::new(28.0, 50.0),
            &state.time_text,
            TextStyle::new().size(24.0),
            Color::WHITE,
        );

        canvas.circle(Point::new(312.0, 30.0), 6.0, state.accent);

        canvas.text(
            Point::new(28.0, 98.0),
            &state.status,
            TextStyle::new()
                .size(10.0)
                .line_height(12.0)
                .baseline(TextBaseline::Bottom),
            muted,
        );

        canvas.restore();
    }

    fn stop(&mut self, _state: &mut Self::State, ctx: &mut StopCtx<Self>) {
        ctx.tasks().cancel_all();
        ctx.scheduler().clear();
    }
}

fn current_time_string() -> String {
    Local::now().format("%H:%M:%S").to_string()
}