oxivgl 0.1.2

Safe no_std Rust bindings for LVGL — embedded GUI on ESP32 and host SDL2
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

#![cfg_attr(target_arch = "xtensa", no_std, no_main)]
#![cfg_attr(
    target_arch = "xtensa",
    feature(impl_trait_in_assoc_type, type_alias_impl_trait)
)]
// SPDX-License-Identifier: MIT OR Apache-2.0
//! Widget Scale 12 — Compass gauge with animated rotation
//!
//! Round scale displaying 8 compass directions (N/NE/E/SE/S/SW/W/NW) with a
//! line needle and continuous rotation animation (full circle in ~10 s).

use oxivgl::{
    anim::{Anim, ANIM_REPEAT_INFINITE, anim_path_linear, anim_set_scale_rotation},
    fonts,
    scale_labels,
    style::{
        Palette, Selector, StyleBuilder, color_white, palette_darken, palette_main,
    },
    view::{NavAction, View},
    widgets::{
        Align, Label, Line, Obj, Part, Scale, ScaleLabels, ScaleMode, WidgetError,
        SCALE_LABEL_ROTATE_KEEP_UPRIGHT, SCALE_LABEL_ROTATE_MATCH_TICKS,
    },
};

static COMPASS_LABELS: &ScaleLabels = scale_labels!(
    c"N", c"NE", c"E", c"SE", c"S", c"SW", c"W", c"NW"
);

#[derive(Default)]
struct WidgetScale12 {
    _bg: Option<Obj<'static>>,
    _scale: Option<Scale<'static>>,
    _needle: Option<Line<'static>>,
    _needle_style: Option<oxivgl::style::Style>,
    _tick_style: Option<oxivgl::style::Style>,
    _heading_lbl: Option<Label<'static>>,
}

impl View for WidgetScale12 {
    fn create(&mut self, container: &Obj<'static>) -> Result<(), WidgetError> {

        // Dark circular background
        let bg = Obj::new(container)?;
        bg.size(220, 220).center();
        bg.radius(i32::MAX, Selector::DEFAULT);
        bg.style_bg_color(palette_darken(Palette::Grey, 4), Selector::DEFAULT);
        bg.bg_opa(255);
        bg.remove_scrollable();
        bg.pad(0);

        // Scale — round inner, 8 compass points
        let scale = Scale::new(&bg)?;
        scale.center();
        scale.size(200, 200);
        scale.style_arc_width(3, Selector::DEFAULT);

        scale.set_mode(ScaleMode::RoundInner);
        scale.set_range(0, 360);
        scale.set_total_tick_count(33); // 32 minor divisions + closing tick
        scale.set_major_tick_every(4);  // major every 45°
        scale.set_angle_range(360);
        scale.set_rotation(270); // N at top (initial)
        scale.set_label_show(true);
        scale.style_text_font(fonts::MONTSERRAT_14, Part::Indicator);
        scale.style_text_color(color_white(), Part::Indicator);

        // Rotate labels to match tick angles, keep upright
        scale.style_transform_rotation(
            SCALE_LABEL_ROTATE_MATCH_TICKS | SCALE_LABEL_ROTATE_KEEP_UPRIGHT,
            Part::Indicator,
        );

        // Major tick style
        let mut tick_sb = StyleBuilder::new();
        tick_sb
            .line_color(palette_main(Palette::Cyan))
            .line_width(2)
            .width(12);
        let tick_style = tick_sb.build();
        scale.add_style(&tick_style, Part::Indicator);

        // Custom compass labels
        scale.set_text_src(COMPASS_LABELS);

        // Needle (line from center outward)
        let needle = Line::new(&scale)?;
        let mut needle_sb = StyleBuilder::new();
        needle_sb.line_color(palette_main(Palette::Red)).line_width(3);
        let needle_style = needle_sb.build();
        needle.add_style(&needle_style, Selector::DEFAULT);
        scale.set_line_needle_value(&needle, 80, 0);

        // "HEADING" label
        let heading_lbl = Label::new(&bg)?;
        heading_lbl.text("COMPASS");
        heading_lbl.style_text_font(fonts::MONTSERRAT_16, Selector::DEFAULT);
        heading_lbl.style_text_color(color_white(), Selector::DEFAULT);
        heading_lbl.align(Align::Center, 0, 30);

        // Animation: rotate scale 0 -> 3600 (ten full circles) over 10s, infinite repeat
        let mut anim = Anim::new();
        anim.set_var(&scale)
            .set_values(0, 3600)
            .set_duration(100_000)
            .set_exec_cb(Some(anim_set_scale_rotation))
            .set_path_cb(Some(anim_path_linear))
            .set_repeat_count(ANIM_REPEAT_INFINITE);
        anim.start();

                self._bg = Some(bg);
        self._scale = Some(scale);
        self._needle = Some(needle);
        self._needle_style = Some(needle_style);
        self._tick_style = Some(tick_style);
        self._heading_lbl = Some(heading_lbl);
        Ok(())
    }

    fn update(&mut self) -> Result<NavAction, WidgetError> {
        Ok(NavAction::None)
    }
}

oxivgl_examples_common::example_main!(WidgetScale12::default());