guido 0.12.0

A reactive Rust GUI library using wgpu for Wayland layer shell 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

//! Minimal test for dynamic children
//!
//! This example automatically adds a child after startup to test the dynamic children system.

use guido::prelude::*;
use std::sync::atomic::{AtomicBool, Ordering};
use std::time::Duration;

static ADD_TRIGGERED: AtomicBool = AtomicBool::new(false);

#[tokio::main]
async fn main() {
    App::new().run(|app| {
        let items = create_signal(vec![1u64, 2, 3]);

        // Create a service that adds an item after 2 seconds
        let items_w = items.writer();
        create_task(move |ctx| async move {
            tokio::time::sleep(Duration::from_secs(2)).await;
            if ctx.is_running() && !ADD_TRIGGERED.swap(true, Ordering::SeqCst) {
                items_w.update(|list| {
                    list.push(4);
                });
            }
        });

        let view = container()
            .layout(Flex::column().spacing(8.0))
            .padding(20.0)
            .background(Color::rgb(0.1, 0.1, 0.15))
            .child(container().child(text("Dynamic Children Test").color(Color::WHITE)))
            .child(container().child(
                text("An item will be added after 2 seconds...").color(Color::rgb(0.7, 0.7, 0.7)),
            ))
            .child(container().layout(Flex::row().spacing(4.0)).children(keyed(
                move || items.get(),
                |id| *id,
                |id| {
                    container()
                        .padding(8.0)
                        .background(Color::rgb(0.3 + id as f32 * 0.1, 0.3, 0.4))
                        .corners(4.0)
                        .child(text(format!("Item {}", id)).color(Color::WHITE))
                },
            )));

        app.add_surface(
            SurfaceConfig::new()
                .width(600)
                .height(200)
                .anchor(Anchor::TOP | Anchor::LEFT)
                .background_color(Color::rgb(0.1, 0.1, 0.15)),
            move || view,
        );
    });
}