smudge-platform 0.2.0

Windowing, input and presentation for the Smudge GUI library
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

//! Two single-line text inputs to try an input method and the clipboard by
//! hand.
//!
//! Run with `cargo run --example text_inputs -p smudge-platform`. Click a
//! field to focus it and Tab to move to the other one. Compose text with the
//! input method of the operating system to see the underlined preedit and
//! the candidate window follow the caret, and copy, cut and paste with the
//! platform's command key. Each field keeps its text in a signal of its own,
//! so both remember what was typed while the other one was focused.

use std::process::ExitCode;

use smudge_core::geometry::{Color, Size};
use smudge_core::reactive::RwSignal;
use smudge_core::style::{Align, Length, px};
use smudge_core::theme::Theme;
use smudge_core::widget::panel;
use smudge_platform::{WindowOptions, run_with};
use smudge_text::TextInputExt;
use smudge_text::text_input;

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

fn main() -> ExitCode {
    let build = || {
        let first = RwSignal::new(String::new());
        let second = RwSignal::new(String::new());
        panel()
            .padding(px(24.0))
            .gap(Size {
                width: 0.0,
                height: 16.0,
            })
            .align_items(Align::Start)
            .background(Color::rgb(24, 26, 32))
            .child(
                text_input(first)
                    .width(Length::pct(100.0))
                    .height(px(FIELD_HEIGHT))
                    .placeholder("Focus me and compose with an input method")
                    .padding(px(8.0))
                    .border(1.0)
                    .border_color(Color::rgb(70, 74, 88)),
            )
            .child(
                text_input(second)
                    .width(Length::pct(100.0))
                    .height(px(FIELD_HEIGHT))
                    .placeholder("Then focus me and paste")
                    .padding(px(8.0))
                    .border(1.0)
                    .border_color(Color::rgb(70, 74, 88)),
            )
    };

    let result = run_with(
        WindowOptions {
            title: String::from("Smudge text inputs"),
            size: Size {
                width: 420.0,
                height: 480.0,
            },
            clear_color: Color::rgb(16, 17, 21),
            ..WindowOptions::default()
        },
        build,
        |app| app.set_theme(Theme::dark()),
    );

    match result {
        Ok(()) => ExitCode::SUCCESS,
        Err(error) => {
            eprintln!("smudge: {error}");
            ExitCode::FAILURE
        }
    }
}