embedded-layout 0.1.0

Extend embedded-graphics with simple layout functions
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

//! This example is an approximate reimplementation of the `embedded-graphics` Hello, World! example
use embedded_graphics_simulator::{
    BinaryColorTheme, OutputSettingsBuilder, SimulatorDisplay, Window,
};

use embedded_graphics::{
    fonts::{Font6x8, Text},
    pixelcolor::BinaryColor,
    primitives::{Circle, Rectangle, Triangle},
    style::{PrimitiveStyle, TextStyle},
};
use embedded_layout::{
    layout::linear::{
        spacing::{DistributeFill, FixedMargin},
        LinearLayout,
    },
    prelude::*,
};

fn main() -> Result<(), core::convert::Infallible> {
    let mut display: SimulatorDisplay<BinaryColor> = SimulatorDisplay::new(Size::new(128, 64));
    let output_settings = OutputSettingsBuilder::new()
        .theme(BinaryColorTheme::OledBlue)
        .build();

    let display_area = display.display_area();

    // Create styles used by the drawing operations.
    let thin_stroke = PrimitiveStyle::with_stroke(BinaryColor::On, 1);
    let thick_stroke = PrimitiveStyle::with_stroke(BinaryColor::On, 3);
    let fill = PrimitiveStyle::with_fill(BinaryColor::On);
    let text_style = TextStyle::new(Font6x8, BinaryColor::On);

    // Create the view objects
    let text = Text::new("embedded-layout", Point::zero()).into_styled(text_style);
    let triangle = Triangle::new(Point::new(0, 16), Point::new(16, 16), Point::new(8, 0))
        .into_styled(thin_stroke);
    let rectangle = Rectangle::with_size(Point::zero(), Size::new(17, 17)).into_styled(fill);
    let circle = Circle::new(Point::zero(), 8).into_styled(thick_stroke);

    // Draw a 3px wide outline around the display.
    display_area
        .into_styled(thick_stroke)
        .draw(&mut display)
        .unwrap();

    // Lay out and draw the views
    LinearLayout::vertical()
        .with_spacing(FixedMargin(10))
        .add_view(
            LinearLayout::horizontal()
                .with_spacing(DistributeFill(text.size().width))
                .add_view(triangle)
                .add_view(rectangle)
                .add_view(circle)
                .arrange(),
        )
        .add_view(text)
        .arrange()
        .align_to(&display_area, horizontal::Center, vertical::Center)
        .draw(&mut display)
        .unwrap();

    Window::new("Hello, element spacing!", &output_settings).show_static(&display);
    Ok(())
}