smudge 0.2.0

A native Rust GUI library with a retained widget tree, reactive signals and damage-tracked repainting
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

//! Two inputs, a submit button and a live preview: how a two-way input
//! binding feeds the widgets around it.
//!
//! Run with `cargo run --example form -p smudge`.

use smudge::prelude::*;

/// The height of one input field, in logical pixels.
const FIELD_HEIGHT: f32 = 32.0;

/// The border color of an input field.
const FIELD_BORDER: Color = Color::rgb(70, 74, 88);

fn main() -> Result<(), PlatformError> {
    let name = RwSignal::new(String::new());
    let email = RwSignal::new(String::new());
    let submitted = RwSignal::new(String::new());

    let preview_name = name.clone();
    let preview_email = email.clone();
    let submit_name = name.clone();
    let submit_email = email.clone();
    let shown_submitted = submitted.clone();

    run_with(
        WindowOptions {
            title: String::from("Smudge form"),
            size: Size {
                width: 380.0,
                height: 300.0,
            },
            clear_color: Color::rgb(16, 17, 21),
            ..WindowOptions::default()
        },
        move || {
            column()
                .padding(px(24.0))
                .gap(Size {
                    width: 0.0,
                    height: 12.0,
                })
                .align_items(Align::Start)
                .width(pct(100.0))
                .child(
                    text_input(name)
                        .width(pct(100.0))
                        .height(px(FIELD_HEIGHT))
                        .placeholder("Name")
                        .border(1.0)
                        .border_color(FIELD_BORDER),
                )
                .child(
                    text_input(email)
                        .width(pct(100.0))
                        .height(px(FIELD_HEIGHT))
                        .placeholder("Email")
                        .border(1.0)
                        .border_color(FIELD_BORDER),
                )
                .child(button("Submit").primary().on_press(move || {
                    submitted.set(format!(
                        "Submitted {} <{}>",
                        submit_name.get(),
                        submit_email.get()
                    ));
                }))
                .child(label(move || {
                    let name = preview_name.get();
                    let email = preview_email.get();
                    if name.is_empty() && email.is_empty() {
                        String::from("Type a name and an email")
                    } else {
                        format!("Preview: {name} <{email}>")
                    }
                }))
                .child(label(move || match shown_submitted.get().as_str() {
                    "" => String::from("Nothing submitted yet"),
                    text => text.to_owned(),
                }))
        },
        |app| app.set_theme(Theme::dark()),
    )
}