kaolin 0.1.15

A Rust library for flexible layouts, inspired by Clay
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

use kaolin::{
    grow,
    renderers::KaolinRenderer,
    sizing,
    style::{
        FlexStyle, TextStyle,
        layout::{Alignment, Justification, Layout},
    },
};

#[cfg(feature = "embedded")]
fn main() {
    extern crate embedded_graphics_simulator;

    use embedded_graphics::{
        image::{Image, ImageRawBE},
        pixelcolor::BinaryColor,
        prelude::*,
    };
    use embedded_graphics_simulator::{
        BinaryColorTheme, OutputSettingsBuilder, SimulatorDisplay, Window,
    };
    use kaolin::renderers::embedded::EmbeddedRenderer;
    use kaolin::style::layout::Direction;
    use u8g2_fonts::{FontRenderer, fonts};

    const FONTS: [FontRenderer; 2] = [
        FontRenderer::new::<fonts::u8g2_font_4x6_tf>(),
        FontRenderer::new::<fonts::u8g2_font_profont10_mr>(),
    ];

    let smily_face: [u8; 8] = [
        0b00111100, 0b01000010, 0b10100101, 0b10000001, 0b10100101, 0b10011001, 0b01000010,
        0b00111100,
    ];

    let raw = ImageRawBE::new(&smily_face, 8);
    let image = Image::new(&raw, (0, 0).into());

    let mut display = SimulatorDisplay::<BinaryColor>::new(Size::new(128, 64));
    let renderer = EmbeddedRenderer::new(&FONTS, display.bounding_box());
    renderer.onto(&mut display).draw(|k| {
        k.styled(
            FlexStyle::new()
                .background_color(BinaryColor::Off)
                .layout(
                    Layout::new()
                        .direction(Direction::TopToBottom)
                        .alignment(Alignment::Center)
                        .gap(2.0)
                        .justification(Justification::Center),
                )
                .sizing(sizing!(grow!())),
            |k| {
                k.styled(FlexStyle::new().layout(Layout::new().gap(4.0)), |k| {
                    k.text(
                        "Hello, World!",
                        TextStyle::new().font_id(1).color(BinaryColor::On),
                    )
                    .with_element(&image)
                })
                .text("Kaolin Renderer", TextStyle::new().color(BinaryColor::On))
            },
        )
    });

    let output_settings = OutputSettingsBuilder::new()
        .theme(BinaryColorTheme::OledBlue)
        .build();
    Window::new("Hello World", &output_settings).show_static(&display);
}