feat: light-control and microwave ui using slint and lvgl

slint-based/.cargo/config.toml

@@ -9,7 +9,6 @@
 # This file is MIT or Apache-2.0 as per the repository README.md file
 #
 
-[target.xtensa-esp32-none]
 # runner = "espflash --monitor" # Select this runner for espflash v1.x.x
 runner = "espflash flash --monitor --baud 921600" # Select this runner for espflash v2.x.x
 

slint-based/Cargo.toml

@@ -15,6 +15,15 @@ build = "build.rs"
 [[bin]]
 name = "starter"
 
+[[bin]]
+name = "timer"
+
+[[bin]]
+name = "light-control"
+
+[[bin]]
+name = "microwave-ui"
+
 [dependencies]
 slint = { version = "1.8", default-features = false, features = ["compat-1-2", "renderer-software", "libm", "unsafe-single-threaded"] }
 
@@ -42,7 +51,7 @@ embedded-graphics-profiler-display = { version = "0.1.0", path = "../embedded-gr
 xpt2046 = { git = "https://github.com/Yandrik/xpt2046.git", version = "0.3.1" }
 
 
-esp-backtrace = { version = "0.14.2", features = ["esp32", "println"] }
+esp-backtrace = { version = "0.14.2", features = ["esp32", "println", "panic-handler", "exception-handler"] }
 
 static_cell = { version = "2.1.0", features = ["nightly"] }
 embedded-hal-bus = "0.2.0"

slint-based/build.rs

@@ -5,4 +5,22 @@ fn main() {
             .embed_resources(slint_build::EmbedResourcesKind::EmbedForSoftwareRenderer),
     )
     .unwrap();
+    slint_build::compile_with_config(
+        "ui/timer-app.slint",
+        slint_build::CompilerConfiguration::new()
+            .embed_resources(slint_build::EmbedResourcesKind::EmbedForSoftwareRenderer),
+    )
+    .unwrap();
+    slint_build::compile_with_config(
+        "ui/lights-app.slint",
+        slint_build::CompilerConfiguration::new()
+            .embed_resources(slint_build::EmbedResourcesKind::EmbedForSoftwareRenderer),
+    )
+    .unwrap();
+    slint_build::compile_with_config(
+        "ui/microwave-ui.slint",
+        slint_build::CompilerConfiguration::new()
+            .embed_resources(slint_build::EmbedResourcesKind::EmbedForSoftwareRenderer),
+    )
+    .unwrap();
 }

slint-based/src/bin/light-control.rs

@@ -0,0 +1,347 @@
+#![no_std]
+#![no_main]
+extern crate alloc;
+
+use alloc::boxed::Box;
+use alloc::rc::Rc;
+use core::mem::MaybeUninit;
+use core::{cell::RefCell, cmp::min, fmt};
+use display_interface_spi::SPIInterface;
+use embassy_embedded_hal::shared_bus::blocking::spi::SpiDevice;
+use embassy_executor::Spawner;
+use embassy_sync::{
+    blocking_mutex::{raw::NoopRawMutex, NoopMutex},
+    signal::Signal,
+};
+use embassy_time::Delay;
+use embassy_time::{Duration, Instant, Timer};
+use embedded_graphics_core::pixelcolor::Rgb565;
+use embedded_graphics_core::prelude::*;
+use embedded_graphics_core::primitives::Rectangle;
+use embedded_graphics_profiler_display::ProfilerDisplay;
+use embedded_hal::digital::OutputPin;
+use embedded_hal_bus::spi::ExclusiveDevice;
+use esp_backtrace as _;
+use esp_hal::interrupt::Priority;
+use esp_hal::{self, prelude::*};
+use esp_hal::{
+    clock::ClockControl,
+    gpio::{GpioPin, Input, Io, Level, Output, Pull, NO_PIN},
+    peripherals::{Peripherals, SPI2, SPI3},
+    prelude::*,
+    rtc_cntl::Rtc,
+    spi::{master::Spi, FullDuplexMode, SpiMode},
+    system::SystemControl,
+    timer::timg::TimerGroup,
+};
+use esp_hal_embassy::InterruptExecutor;
+use esp_println::println;
+use mipidsi::{
+    models::ILI9486Rgb565,
+    options::{ColorInversion, ColorOrder, Orientation, Rotation},
+    Builder, Display,
+};
+use slint::platform::software_renderer::MinimalSoftwareWindow;
+use slint::platform::{Platform, PointerEventButton, WindowEvent};
+use slint::private_unstable_api::re_exports::LogicalPoint;
+use slint::LogicalPosition;
+use static_cell::StaticCell;
+use xpt2046::Xpt2046;
+
+use esp_alloc as _;
+
+// slint::slint!{ export MyUI := Window {} }
+/*
+slint::include_modules!();
+# */
+
+slint::include_modules!();
+
+fn init_heap() {
+    const HEAP_SIZE: usize = 64 * 1024;
+    static mut HEAP: MaybeUninit<[u8; HEAP_SIZE]> = MaybeUninit::uninit();
+
+    unsafe {
+        esp_alloc::HEAP.add_region(esp_alloc::HeapRegion::new(
+            HEAP.as_mut_ptr() as *mut u8,
+            HEAP_SIZE,
+            esp_alloc::MemoryCapability::Internal.into(),
+        ));
+    }
+}
+
+#[embassy_executor::task]
+async fn touch_task(
+    touch_irq: GpioPin<36>,
+    spi: ExclusiveDevice<
+        Spi<'static, SPI3, FullDuplexMode>,
+        Output<'static, GpioPin<33>>,
+        &'static mut Delay,
+    >,
+    touch_signal: &'static Signal<NoopRawMutex, Option<Point>>,
+) -> ! {
+    let mut touch_driver =
+        Xpt2046::new(spi, Input::new(touch_irq, Pull::Up), xpt2046::Orientation::LandscapeFlipped);
+    touch_driver.set_num_samples(16);
+    touch_driver.init(&mut embassy_time::Delay).unwrap();
+
+    esp_println::println!("touch task");
+
+    loop {
+        touch_driver.run().expect("Running Touch driver failed");
+        if touch_driver.is_touched() {
+            let point = touch_driver.get_touch_point();
+            touch_signal.signal(Some(Point::new(point.x + 25, 240 - point.y)));
+        } else {
+            touch_signal.signal(None);
+        }
+        Timer::after(Duration::from_millis(1)).await; // 100 a second
+
+        // Your touch handling logic here
+    }
+}
+
+fn point_to_logical_pos(point: Point) -> LogicalPosition {
+    LogicalPosition::new(point.x as f32, point.y as f32)
+}
+
+struct CYDPlatform {
+    window: Rc<slint::platform::software_renderer::MinimalSoftwareWindow>,
+}
+
+impl Platform for CYDPlatform {
+    fn create_window_adapter(
+        &self,
+    ) -> Result<Rc<dyn slint::platform::WindowAdapter>, slint::PlatformError> {
+        Ok(self.window.clone())
+    }
+
+    fn duration_since_start(&self) -> core::time::Duration {
+        embassy_time::Instant::from_millis(0).elapsed().into()
+    }
+
+    //noinspection DuplicatedCode
+    fn run_event_loop(&self) -> Result<(), slint::PlatformError> {
+        todo!();
+    }
+}
+
+#[main]
+async fn main(spawner: Spawner) {
+    init_heap();
+    let peripherals = Peripherals::take();
+    let system = SystemControl::new(peripherals.SYSTEM);
+    let mut clocks = ClockControl::boot_defaults(system.clock_control).freeze();
+
+    let mut rtc = Rtc::new(peripherals.LPWR);
+    rtc.rwdt.disable();
+    let mut timer_group0 = TimerGroup::new(peripherals.TIMG0, &clocks);
+    timer_group0.wdt.disable();
+    let mut timer_group1 = TimerGroup::new(peripherals.TIMG1, &clocks);
+    timer_group1.wdt.disable();
+
+    esp_hal_embassy::init(&clocks, timer_group0.timer0);
+
+    let io = Io::new(peripherals.GPIO, peripherals.IO_MUX);
+
+    let touch_irq = io.pins.gpio36;
+    let touch_mosi = io.pins.gpio32;
+    let touch_miso = io.pins.gpio39;
+    let touch_clk = io.pins.gpio25;
+    let touch_cs = io.pins.gpio33;
+
+    // 2MHz is the MAX! DO NOT DECREASE! This is really important.
+    let mut touch_spi = Spi::new(peripherals.SPI3, 2.MHz(), SpiMode::Mode0, &mut clocks).with_pins(
+        Some(touch_clk),
+        Some(touch_mosi),
+        Some(touch_miso),
+        NO_PIN,
+    );
+
+    static TOUCH_DELAY_STATICCELL: StaticCell<Delay> = StaticCell::new();
+    let mut delay = TOUCH_DELAY_STATICCELL.init(Delay);
+
+    let touch_spi =
+        ExclusiveDevice::new(touch_spi, Output::new(touch_cs, Level::Low), delay).unwrap();
+
+    let touch_signal = Signal::new();
+    static TOUCH_SIGNAL: StaticCell<Signal<NoopRawMutex, Option<Point>>> = StaticCell::new();
+    let touch_signal = &*TOUCH_SIGNAL.init(touch_signal);
+
+    // let sw_int = system.software_interrupt_control.software_interrupt2;
+
+    // static EXECUTOR: StaticCell<InterruptExecutor<2>> = StaticCell::new();
+    // let executor = InterruptExecutor::<2>::new(sw_int);
+    // let executor = EXECUTOR.init(executor);
+
+    spawner.spawn(touch_task(touch_irq, touch_spi, touch_signal)).unwrap();
+
+    // executor.start(Priority::Priority1);
+
+    // Display setup
+    let sclk = io.pins.gpio14;
+    let miso = io.pins.gpio12;
+    let mosi = io.pins.gpio13;
+    let cs = io.pins.gpio15;
+    let dc = io.pins.gpio2;
+    let mut backlight = Output::new(io.pins.gpio21, Level::Low);
+
+    let mut spi = Spi::new(peripherals.SPI2, 10u32.MHz(), SpiMode::Mode0, &clocks).with_pins(
+        Some(sclk),
+        Some(mosi),
+        Some(miso),
+        esp_hal::gpio::NO_PIN,
+    );
+
+    // static DISP_SPI_BUS:  StaticCell<NoopMutex<RefCell<Spi<SPI2, FullDuplexMode>>>> = StaticCell::new();
+    // let spi_bus = NoopMutex::new(RefCell::new(spi));
+    // let spi_bus = DISP_SPI_BUS.init(spi_bus);
+
+    static spi_delay_staticcell: StaticCell<Delay> = StaticCell::new();
+    let mut delay = spi_delay_staticcell.init(Delay);
+    let spi = ExclusiveDevice::new(spi, Output::new(cs, Level::Low), delay).unwrap();
+
+    let di = SPIInterface::new(spi, Output::new(dc, Level::Low));
+
+    let display = Builder::new(ILI9486Rgb565, di)
+        .orientation(Orientation { rotation: Rotation::Deg90, mirrored: true })
+        .color_order(ColorOrder::Bgr)
+        .invert_colors(ColorInversion::Inverted)
+        .init(&mut embassy_time::Delay)
+        .unwrap();
+
+    let mut display = ProfilerDisplay::new(display);
+
+    backlight.set_high();
+
+    let size = display.bounding_box().size;
+    let size = slint::PhysicalSize::new(size.width as u32, size.height as u32);
+
+    let window = MinimalSoftwareWindow::new(Default::default());
+    slint::platform::set_platform(Box::new(CYDPlatform { window: window.clone() })).unwrap();
+
+    let ui = create_slint_app();
+
+    window.set_size(slint::PhysicalSize::new(320, 240));
+
+    let mut buffer_provider = DrawBuffer {
+        display,
+        buffer: &mut [slint::platform::software_renderer::Rgb565Pixel(0); 320],
+    };
+
+    let mut last_touch = None;
+
+    loop {
+        let start_time = Instant::now();
+        if let Some(touch) = touch_signal.try_take() {
+            // println!("touch: {:?}, last_touch: {:?}", touch, last_touch);
+            let button = PointerEventButton::Left;
+            let interact = match (touch, last_touch) {
+                (Some(point), Some(_)) => {
+                    Some(WindowEvent::PointerMoved { position: point_to_logical_pos(point) })
+                }
+                (Some(point), None) => Some(WindowEvent::PointerPressed {
+                    position: point_to_logical_pos(point),
+                    button,
+                }),
+                (None, Some(point)) => Some(WindowEvent::PointerReleased {
+                    position: point_to_logical_pos(point),
+                    button,
+                }),
+                (None, None) => None,
+            };
+            if let Some(event) = interact {
+                // println!("event: {:?}", event);
+                window.dispatch_event(event);
+            }
+
+            last_touch = touch;
+        }
+
+        slint::platform::update_timers_and_animations();
+
+        // let window = window.clone();
+        let start_draw_time = Instant::now();
+        window.draw_if_needed(|renderer| {
+            renderer.render_by_line(&mut buffer_provider);
+        });
+
+        let button = PointerEventButton::Left;
+
+        if window.has_active_animations() {
+            continue;
+        }
+
+        let display = &mut buffer_provider.display;
+
+        let end_time = embassy_time::Instant::now();
+        let draw_time = display.get_time();
+        let prep_time = start_draw_time - start_time;
+        let proc_time = end_time - start_draw_time;
+        let proc_time = proc_time - min(draw_time, proc_time);
+        rtc.rwdt.feed();
+
+        if draw_time.as_micros() > 0 {
+            println!(
+                "draw time: {}.{:03}ms | prep time: {}.{:03}ms | proc time: {}.{:03}ms | total time: {}.{:03}ms",
+                draw_time.as_millis(),
+                draw_time.as_micros() % 100,
+                prep_time.as_millis(),
+                prep_time.as_micros() % 100,
+                proc_time.as_millis(),
+                proc_time.as_micros() % 100,
+                (draw_time + prep_time + proc_time).as_millis(),
+                (draw_time + prep_time + proc_time).as_micros() % 100,            );
+        }
+        display.reset_time();
+        Timer::after(Duration::from_millis(1)).await; // 60 a second
+    }
+}
+
+fn create_slint_app() -> LightsApp {
+    let ui = LightsApp::new().unwrap();
+    ui
+}
+
+struct DrawBuffer<'a, DT> {
+    display: DT,
+    buffer: &'a mut [slint::platform::software_renderer::Rgb565Pixel],
+}
+
+impl<
+        // DI: display_interface_spi::WriteOnlyDataCommand,
+        E: core::fmt::Debug,
+        DT: DrawTarget<Color = Rgb565, Error = E>,
+        // RST: OutputPin<Error = core::convert::Infallible>,
+    > slint::platform::software_renderer::LineBufferProvider for &mut DrawBuffer<'_, DT>
+{
+    type TargetPixel = slint::platform::software_renderer::Rgb565Pixel;
+
+    fn process_line(
+        &mut self,
+        line: usize,
+        range: core::ops::Range<usize>,
+        render_fn: impl FnOnce(&mut [slint::platform::software_renderer::Rgb565Pixel]),
+    ) {
+        let buffer = &mut self.buffer[range.clone()];
+
+        render_fn(buffer);
+
+        // We send empty data just to get the device in the right window
+        self.display
+            .fill_contiguous(
+                &Rectangle::new(
+                    Point::new(range.start as i32, line as i32),
+                    Size::new((range.end - range.start) as u32, 1),
+                ),
+                // range.start as u16,
+                // line as _,
+                // range.end as u16,
+                // line as u16,
+                buffer
+                    .iter()
+                    .map(|x| embedded_graphics_core::pixelcolor::raw::RawU16::new(x.0).into()),
+            )
+            .unwrap();
+    }
+}

slint-based/src/bin/microwave-ui.rs

@@ -0,0 +1,490 @@
+#![no_std]
+#![no_main]
+extern crate alloc;
+
+use alloc::boxed::Box;
+use alloc::rc::Rc;
+use alloc::sync::Arc;
+use core::mem::MaybeUninit;
+use core::{cell::RefCell, cmp::min, fmt};
+use display_interface_spi::SPIInterface;
+use embassy_embedded_hal::shared_bus::blocking::spi::SpiDevice;
+use embassy_executor::Spawner;
+use embassy_sync::blocking_mutex::raw::CriticalSectionRawMutex;
+use embassy_sync::{
+    blocking_mutex::{raw::NoopRawMutex, NoopMutex},
+    signal::Signal,
+};
+use embassy_time::Delay;
+use embassy_time::{Duration, Instant, Timer};
+use embedded_graphics_core::pixelcolor::Rgb565;
+use embedded_graphics_core::prelude::*;
+use embedded_graphics_core::primitives::Rectangle;
+use embedded_graphics_profiler_display::ProfilerDisplay;
+use embedded_hal::digital::OutputPin;
+use embedded_hal_bus::spi::ExclusiveDevice;
+use esp_backtrace as _;
+use esp_hal::interrupt::Priority;
+use esp_hal::{self, prelude::*};
+use esp_hal::{
+    clock::ClockControl,
+    gpio::{GpioPin, Input, Io, Level, Output, Pull, NO_PIN},
+    peripherals::{Peripherals, SPI2, SPI3},
+    prelude::*,
+    rtc_cntl::Rtc,
+    spi::{master::Spi, FullDuplexMode, SpiMode},
+    system::SystemControl,
+    timer::timg::TimerGroup,
+};
+use esp_hal_embassy::InterruptExecutor;
+use esp_println::println;
+use mipidsi::{
+    models::ILI9486Rgb565,
+    options::{ColorInversion, ColorOrder, Orientation, Rotation},
+    Builder, Display,
+};
+use slint::platform::software_renderer::MinimalSoftwareWindow;
+use slint::platform::{Platform, PointerEventButton, WindowEvent};
+use slint::private_unstable_api::re_exports::LogicalPoint;
+use slint::{format, LogicalPosition};
+use static_cell::StaticCell;
+use xpt2046::Xpt2046;
+
+use esp_alloc as _;
+
+// slint::slint!{ export MyUI := Window {} }
+/*
+slint::include_modules!();
+# */
+
+slint::include_modules!();
+
+fn init_heap() {
+    const HEAP_SIZE: usize = 64 * 1024;
+    static mut HEAP: MaybeUninit<[u8; HEAP_SIZE]> = MaybeUninit::uninit();
+
+    unsafe {
+        esp_alloc::HEAP.add_region(esp_alloc::HeapRegion::new(
+            HEAP.as_mut_ptr() as *mut u8,
+            HEAP_SIZE,
+            esp_alloc::MemoryCapability::Internal.into(),
+        ));
+    }
+}
+
+#[embassy_executor::task]
+async fn touch_task(
+    touch_irq: GpioPin<36>,
+    spi: ExclusiveDevice<
+        Spi<'static, SPI3, FullDuplexMode>,
+        Output<'static, GpioPin<33>>,
+        &'static mut Delay,
+    >,
+    touch_signal: &'static Signal<CriticalSectionRawMutex, Option<Point>>,
+) -> ! {
+    let mut touch_driver =
+        Xpt2046::new(spi, Input::new(touch_irq, Pull::Up), xpt2046::Orientation::LandscapeFlipped);
+    touch_driver.set_num_samples(1);
+    touch_driver.init(&mut embassy_time::Delay).unwrap();
+
+    esp_println::println!("touch task");
+
+    loop {
+        touch_driver.run().expect("Running Touch driver failed");
+        if touch_driver.is_touched() {
+            let point = touch_driver.get_touch_point();
+            touch_signal.signal(Some(Point::new(point.x + 25, 240 - point.y)));
+        } else {
+            touch_signal.signal(None);
+        }
+        Timer::after(Duration::from_millis(1)).await; // 100 a second
+
+        // Your touch handling logic here
+    }
+}
+
+fn point_to_logical_pos(point: Point) -> LogicalPosition {
+    LogicalPosition::new(point.x as f32, point.y as f32)
+}
+
+struct CYDPlatform {
+    window: Rc<slint::platform::software_renderer::MinimalSoftwareWindow>,
+}
+
+impl Platform for CYDPlatform {
+    fn create_window_adapter(
+        &self,
+    ) -> Result<Rc<dyn slint::platform::WindowAdapter>, slint::PlatformError> {
+        Ok(self.window.clone())
+    }
+
+    fn duration_since_start(&self) -> core::time::Duration {
+        embassy_time::Instant::from_millis(0).elapsed().into()
+    }
+
+    //noinspection DuplicatedCode
+    fn run_event_loop(&self) -> Result<(), slint::PlatformError> {
+        todo!();
+    }
+}
+
+struct AppData {
+    timer_start: Instant,
+    timer_set_duration: Duration,
+    timer_remaining_duration: Duration,
+    timer_running: bool,
+    timer_paused: bool,
+}
+
+impl AppData {
+    fn new() -> Self {
+        Self {
+            timer_start: Instant::now(),
+            timer_set_duration: Duration::from_secs(10),
+            timer_remaining_duration: Duration::from_secs(10),
+            timer_running: false,
+            timer_paused: false,
+        }
+    }
+
+    fn set_timer_duration(&mut self, duration: Duration) {
+        self.timer_set_duration = duration;
+    }
+
+    fn add_secs(&mut self, secs: u64) {
+        self.set_timer_duration(
+            self.timer_set_duration
+                .checked_add(Duration::from_secs(secs))
+                .unwrap_or(Duration::from_secs(5999))
+                .min(Duration::from_secs(5999)),
+        );
+    }
+
+    fn sub_secs(&mut self, secs: u64) {
+        self.set_timer_duration(
+            self.timer_set_duration
+                .checked_sub(Duration::from_secs(secs))
+                .unwrap_or(Duration::from_secs(10))
+                .max(Duration::from_secs(10)),
+        );
+    }
+
+    fn start_timer(&mut self) {
+        if !self.timer_paused {
+            self.timer_remaining_duration = self.timer_set_duration;
+        }
+
+        self.timer_start = Instant::now();
+        self.timer_running = true;
+        self.timer_paused = false;
+    }
+
+    fn pause_timer(&mut self) {
+        self.timer_paused = true;
+        self.timer_remaining_duration = self
+            .timer_remaining_duration
+            .checked_sub(self.timer_start.elapsed())
+            .unwrap_or(Duration::from_secs(0));
+    }
+
+    fn reset_timer(&mut self) {
+        self.timer_start = Instant::now();
+        self.timer_paused = false;
+        self.timer_running = false;
+        self.timer_remaining_duration = self.timer_set_duration;
+    }
+
+    fn remaining(&self) -> Duration {
+        if self.timer_stopped() {
+            self.timer_set_duration
+        } else if self.timer_paused() {
+            self.timer_remaining_duration
+        } else {
+            self.timer_remaining_duration
+                .checked_sub(self.timer_start.elapsed())
+                .unwrap_or(Duration::from_secs(0))
+        }
+    }
+
+    fn timer_stopped(&self) -> bool {
+        !self.timer_running
+    }
+
+    fn timer_paused(&self) -> bool {
+        self.timer_running && self.timer_paused
+    }
+
+    fn timer_running(&self) -> bool {
+        self.timer_running && !self.timer_paused
+    }
+
+    fn timer_finished(&self) -> bool {
+        self.timer_running && self.remaining() == Duration::from_secs(0)
+    }
+}
+
+#[main]
+async fn main(spawner: Spawner) {
+    init_heap();
+    let peripherals = Peripherals::take();
+    let system = SystemControl::new(peripherals.SYSTEM);
+    let mut clocks = ClockControl::boot_defaults(system.clock_control).freeze();
+
+    let mut rtc = Rtc::new(peripherals.LPWR);
+    rtc.rwdt.disable();
+    let mut timer_group0 = TimerGroup::new(peripherals.TIMG0, &clocks);
+    timer_group0.wdt.disable();
+    let mut timer_group1 = TimerGroup::new(peripherals.TIMG1, &clocks);
+    timer_group1.wdt.disable();
+
+    esp_hal_embassy::init(&clocks, timer_group0.timer0);
+
+    let io = Io::new(peripherals.GPIO, peripherals.IO_MUX);
+
+    let touch_irq = io.pins.gpio36;
+    let touch_mosi = io.pins.gpio32;
+    let touch_miso = io.pins.gpio39;
+    let touch_clk = io.pins.gpio25;
+    let touch_cs = io.pins.gpio33;
+
+    // 2MHz is the MAX! DO NOT DECREASE! This is really important.
+    let mut touch_spi = Spi::new(peripherals.SPI3, 2.MHz(), SpiMode::Mode0, &mut clocks).with_pins(
+        Some(touch_clk),
+        Some(touch_mosi),
+        Some(touch_miso),
+        NO_PIN,
+    );
+
+    static TOUCH_DELAY_STATICCELL: StaticCell<Delay> = StaticCell::new();
+    let mut delay = TOUCH_DELAY_STATICCELL.init(Delay);
+
+    let touch_spi =
+        ExclusiveDevice::new(touch_spi, Output::new(touch_cs, Level::Low), delay).unwrap();
+
+    let touch_signal = Signal::new();
+    static TOUCH_SIGNAL: StaticCell<Signal<CriticalSectionRawMutex, Option<Point>>> =
+        StaticCell::new();
+    let touch_signal = &*TOUCH_SIGNAL.init(touch_signal);
+
+    // let sw_int = system.software_interrupt_control.software_interrupt2;
+
+    // static EXECUTOR: StaticCell<InterruptExecutor<2>> = StaticCell::new();
+    // let executor = InterruptExecutor::<2>::new(sw_int);
+    // let executor = EXECUTOR.init(executor);
+
+    // static EXECUTOR: StaticCell<InterruptExecutor<2>> = StaticCell::new();
+    // let executor =
+    //     InterruptExecutor::<2>::new(system.software_interrupt_control.software_interrupt2);
+    // let mut executor = EXECUTOR.init(executor);
+
+    // executor
+    // .start(Priority::Priority2)
+    spawner.spawn(touch_task(touch_irq, touch_spi, touch_signal)).unwrap();
+
+    // Display setup
+    let sclk = io.pins.gpio14;
+    let miso = io.pins.gpio12;
+    let mosi = io.pins.gpio13;
+    let cs = io.pins.gpio15;
+    let dc = io.pins.gpio2;
+    let mut backlight = Output::new(io.pins.gpio21, Level::Low);
+
+    let mut spi = Spi::new(peripherals.SPI2, 10u32.MHz(), SpiMode::Mode0, &clocks).with_pins(
+        Some(sclk),
+        Some(mosi),
+        Some(miso),
+        esp_hal::gpio::NO_PIN,
+    );
+
+    // static DISP_SPI_BUS:  StaticCell<NoopMutex<RefCell<Spi<SPI2, FullDuplexMode>>>> = StaticCell::new();
+    // let spi_bus = NoopMutex::new(RefCell::new(spi));
+    // let spi_bus = DISP_SPI_BUS.init(spi_bus);
+
+    static SPI_DELAY_STATICCELL: StaticCell<Delay> = StaticCell::new();
+    let mut delay = SPI_DELAY_STATICCELL.init(Delay);
+    let spi = ExclusiveDevice::new(spi, Output::new(cs, Level::Low), delay).unwrap();
+
+    let di = SPIInterface::new(spi, Output::new(dc, Level::Low));
+
+    let display = Builder::new(ILI9486Rgb565, di)
+        .orientation(Orientation { rotation: Rotation::Deg90, mirrored: true })
+        .color_order(ColorOrder::Bgr)
+        .invert_colors(ColorInversion::Inverted)
+        .init(&mut embassy_time::Delay)
+        .unwrap();
+
+    let mut display = ProfilerDisplay::new(display);
+
+    backlight.set_high();
+
+    let size = display.bounding_box().size;
+    let size = slint::PhysicalSize::new(size.width as u32, size.height as u32);
+
+    let window = MinimalSoftwareWindow::new(Default::default());
+    slint::platform::set_platform(Box::new(CYDPlatform { window: window.clone() })).unwrap();
+
+    let ui = create_slint_app();
+
+    window.set_size(slint::PhysicalSize::new(320, 240));
+
+    let mut buffer_provider = DrawBuffer {
+        display,
+        buffer: &mut [slint::platform::software_renderer::Rgb565Pixel(0); 320],
+    };
+
+    let mut last_touch = None;
+
+    let mut appdata = Rc::new(RefCell::new(AppData::new()));
+
+    let mut cl_appdata = appdata.clone();
+    ui.on_add_10s(move || cl_appdata.borrow_mut().add_secs(10));
+    let mut cl_appdata = appdata.clone();
+    ui.on_sub_10s(move || cl_appdata.borrow_mut().sub_secs(10));
+    let mut cl_appdata = appdata.clone();
+    ui.on_start_timer(move || cl_appdata.borrow_mut().start_timer());
+    let mut cl_appdata = appdata.clone();
+    ui.on_stop_timer(move || cl_appdata.borrow_mut().pause_timer());
+    let mut cl_appdata = appdata.clone();
+    ui.on_reset_timer(move || cl_appdata.borrow_mut().reset_timer());
+
+    loop {
+        let start_time = Instant::now();
+        if let Some(touch) = touch_signal.try_take() {
+            // println!("touch: {:?}, last_touch: {:?}", touch, last_touch);
+            let button = PointerEventButton::Left;
+            let interact = match (touch, last_touch) {
+                (Some(point), Some(_)) => {
+                    Some(WindowEvent::PointerMoved { position: point_to_logical_pos(point) })
+                }
+                (Some(point), None) => Some(WindowEvent::PointerPressed {
+                    position: point_to_logical_pos(point),
+                    button,
+                }),
+                (None, Some(point)) => Some(WindowEvent::PointerReleased {
+                    position: point_to_logical_pos(point),
+                    button,
+                }),
+                (None, None) => None,
+            };
+            if let Some(event) = interact {
+                // println!("event: {:?}", event);
+                window.dispatch_event(event);
+            }
+
+            last_touch = touch;
+        }
+
+        {
+            let appdata = appdata.borrow();
+            let remaining = appdata.remaining();
+            ui.set_show_reset_timer(appdata.timer_finished());
+            ui.set_show_start_timer(
+                !appdata.timer_running() || appdata.timer_paused() && !appdata.timer_finished(),
+            );
+            ui.set_show_stop_timer(appdata.timer_running() && !appdata.timer_finished());
+
+            ui.set_timer_text(format!(
+                "{:02}:{:02}:{:03}",
+                remaining.as_secs() / 60,
+                remaining.as_secs() % 60,
+                remaining.as_millis() % 1000
+            ));
+        }
+
+        slint::platform::update_timers_and_animations();
+
+        // let window = window.clone();
+        let start_draw_time = Instant::now();
+        window.draw_if_needed(|renderer| {
+            // println!("dirty reg: {:?}", renderer.render_by_line(&mut buffer_provider));
+            renderer.render_by_line(&mut buffer_provider);
+        });
+
+        let button = PointerEventButton::Left;
+
+        if window.has_active_animations() {
+            continue;
+        }
+
+        let display = &mut buffer_provider.display;
+
+        let end_time = embassy_time::Instant::now();
+        let draw_time = display.get_time();
+        let prep_time = start_draw_time - start_time;
+        let proc_time = end_time - start_draw_time;
+        let proc_time = proc_time - min(draw_time, proc_time);
+        rtc.rwdt.feed();
+
+        if draw_time.as_micros() > 0 {
+            println!(
+                "draw time: {}.{:03}ms | prep time: {}.{:03}ms | proc time: {}.{:03}ms | total time: {}.{:03}ms",
+                draw_time.as_millis(),
+                draw_time.as_micros() % 100,
+                prep_time.as_millis(),
+                prep_time.as_micros() % 100,
+                proc_time.as_millis(),
+                proc_time.as_micros() % 100,
+                (draw_time + prep_time + proc_time).as_millis(),
+                (draw_time + prep_time + proc_time).as_micros() % 100,            );
+        }
+        display.reset_time();
+        Timer::after(Duration::from_millis(1)).await; // 60 a second
+    }
+}
+
+fn create_slint_app() -> MicrowaveUI {
+    let ui = MicrowaveUI::new().unwrap();
+
+    /*
+    let ui_handle = ui.as_weak();
+    ui.on_request_increase_value(move || {
+        let ui = ui_handle.unwrap();
+        ui.set_counter(ui.get_counter() + 1);
+    });
+     */
+
+    ui
+}
+
+struct DrawBuffer<'a, DT> {
+    display: DT,
+    buffer: &'a mut [slint::platform::software_renderer::Rgb565Pixel],
+}
+
+impl<
+        // DI: display_interface_spi::WriteOnlyDataCommand,
+        E: core::fmt::Debug,
+        DT: DrawTarget<Color = Rgb565, Error = E>,
+        // RST: OutputPin<Error = core::convert::Infallible>,
+    > slint::platform::software_renderer::LineBufferProvider for &mut DrawBuffer<'_, DT>
+{
+    type TargetPixel = slint::platform::software_renderer::Rgb565Pixel;
+
+    fn process_line(
+        &mut self,
+        line: usize,
+        range: core::ops::Range<usize>,
+        render_fn: impl FnOnce(&mut [slint::platform::software_renderer::Rgb565Pixel]),
+    ) {
+        let buffer = &mut self.buffer[range.clone()];
+
+        render_fn(buffer);
+
+        // We send empty data just to get the device in the right window
+        self.display
+            .fill_contiguous(
+                &Rectangle::new(
+                    Point::new(range.start as i32, line as i32),
+                    Size::new((range.end - range.start) as u32, 1),
+                ),
+                // range.start as u16,
+                // line as _,
+                // range.end as u16,
+                // line as u16,
+                buffer
+                    .iter()
+                    .map(|x| embedded_graphics_core::pixelcolor::raw::RawU16::new(x.0).into()),
+            )
+            .unwrap();
+    }
+}

slint-based/src/bin/timer.rs

@@ -0,0 +1,490 @@
+#![no_std]
+#![no_main]
+extern crate alloc;
+
+use alloc::boxed::Box;
+use alloc::rc::Rc;
+use alloc::sync::Arc;
+use core::mem::MaybeUninit;
+use core::{cell::RefCell, cmp::min, fmt};
+use display_interface_spi::SPIInterface;
+use embassy_embedded_hal::shared_bus::blocking::spi::SpiDevice;
+use embassy_executor::Spawner;
+use embassy_sync::blocking_mutex::raw::CriticalSectionRawMutex;
+use embassy_sync::{
+    blocking_mutex::{raw::NoopRawMutex, NoopMutex},
+    signal::Signal,
+};
+use embassy_time::Delay;
+use embassy_time::{Duration, Instant, Timer};
+use embedded_graphics_core::pixelcolor::Rgb565;
+use embedded_graphics_core::prelude::*;
+use embedded_graphics_core::primitives::Rectangle;
+use embedded_graphics_profiler_display::ProfilerDisplay;
+use embedded_hal::digital::OutputPin;
+use embedded_hal_bus::spi::ExclusiveDevice;
+use esp_backtrace as _;
+use esp_hal::interrupt::Priority;
+use esp_hal::{self, prelude::*};
+use esp_hal::{
+    clock::ClockControl,
+    gpio::{GpioPin, Input, Io, Level, Output, Pull, NO_PIN},
+    peripherals::{Peripherals, SPI2, SPI3},
+    prelude::*,
+    rtc_cntl::Rtc,
+    spi::{master::Spi, FullDuplexMode, SpiMode},
+    system::SystemControl,
+    timer::timg::TimerGroup,
+};
+use esp_hal_embassy::InterruptExecutor;
+use esp_println::println;
+use mipidsi::{
+    models::ILI9486Rgb565,
+    options::{ColorInversion, ColorOrder, Orientation, Rotation},
+    Builder, Display,
+};
+use slint::platform::software_renderer::MinimalSoftwareWindow;
+use slint::platform::{Platform, PointerEventButton, WindowEvent};
+use slint::private_unstable_api::re_exports::LogicalPoint;
+use slint::{format, LogicalPosition};
+use static_cell::StaticCell;
+use xpt2046::Xpt2046;
+
+use esp_alloc as _;
+
+// slint::slint!{ export MyUI := Window {} }
+/*
+slint::include_modules!();
+# */
+
+slint::include_modules!();
+
+fn init_heap() {
+    const HEAP_SIZE: usize = 32 * 1024;
+    static mut HEAP: MaybeUninit<[u8; HEAP_SIZE]> = MaybeUninit::uninit();
+
+    unsafe {
+        esp_alloc::HEAP.add_region(esp_alloc::HeapRegion::new(
+            HEAP.as_mut_ptr() as *mut u8,
+            HEAP_SIZE,
+            esp_alloc::MemoryCapability::Internal.into(),
+        ));
+    }
+}
+
+#[embassy_executor::task]
+async fn touch_task(
+    touch_irq: GpioPin<36>,
+    spi: ExclusiveDevice<
+        Spi<'static, SPI3, FullDuplexMode>,
+        Output<'static, GpioPin<33>>,
+        &'static mut Delay,
+    >,
+    touch_signal: &'static Signal<CriticalSectionRawMutex, Option<Point>>,
+) -> ! {
+    let mut touch_driver =
+        Xpt2046::new(spi, Input::new(touch_irq, Pull::Up), xpt2046::Orientation::LandscapeFlipped);
+    touch_driver.set_num_samples(1);
+    touch_driver.init(&mut embassy_time::Delay).unwrap();
+
+    esp_println::println!("touch task");
+
+    loop {
+        touch_driver.run().expect("Running Touch driver failed");
+        if touch_driver.is_touched() {
+            let point = touch_driver.get_touch_point();
+            touch_signal.signal(Some(Point::new(point.x + 25, 240 - point.y)));
+        } else {
+            touch_signal.signal(None);
+        }
+        Timer::after(Duration::from_millis(1)).await; // 100 a second
+
+        // Your touch handling logic here
+    }
+}
+
+fn point_to_logical_pos(point: Point) -> LogicalPosition {
+    LogicalPosition::new(point.x as f32, point.y as f32)
+}
+
+struct CYDPlatform {
+    window: Rc<slint::platform::software_renderer::MinimalSoftwareWindow>,
+}
+
+impl Platform for CYDPlatform {
+    fn create_window_adapter(
+        &self,
+    ) -> Result<Rc<dyn slint::platform::WindowAdapter>, slint::PlatformError> {
+        Ok(self.window.clone())
+    }
+
+    fn duration_since_start(&self) -> core::time::Duration {
+        embassy_time::Instant::from_millis(0).elapsed().into()
+    }
+
+    //noinspection DuplicatedCode
+    fn run_event_loop(&self) -> Result<(), slint::PlatformError> {
+        todo!();
+    }
+}
+
+struct AppData {
+    timer_start: Instant,
+    timer_set_duration: Duration,
+    timer_remaining_duration: Duration,
+    timer_running: bool,
+    timer_paused: bool,
+}
+
+impl AppData {
+    fn new() -> Self {
+        Self {
+            timer_start: Instant::now(),
+            timer_set_duration: Duration::from_secs(10),
+            timer_remaining_duration: Duration::from_secs(10),
+            timer_running: false,
+            timer_paused: false,
+        }
+    }
+
+    fn set_timer_duration(&mut self, duration: Duration) {
+        self.timer_set_duration = duration;
+    }
+
+    fn add_secs(&mut self, secs: u64) {
+        self.set_timer_duration(
+            self.timer_set_duration
+                .checked_add(Duration::from_secs(secs))
+                .unwrap_or(Duration::from_secs(5999))
+                .min(Duration::from_secs(5999)),
+        );
+    }
+
+    fn sub_secs(&mut self, secs: u64) {
+        self.set_timer_duration(
+            self.timer_set_duration
+                .checked_sub(Duration::from_secs(secs))
+                .unwrap_or(Duration::from_secs(10))
+                .max(Duration::from_secs(10)),
+        );
+    }
+
+    fn start_timer(&mut self) {
+        if !self.timer_paused {
+            self.timer_remaining_duration = self.timer_set_duration;
+        }
+
+        self.timer_start = Instant::now();
+        self.timer_running = true;
+        self.timer_paused = false;
+    }
+
+    fn pause_timer(&mut self) {
+        self.timer_paused = true;
+        self.timer_remaining_duration = self
+            .timer_remaining_duration
+            .checked_sub(self.timer_start.elapsed())
+            .unwrap_or(Duration::from_secs(0));
+    }
+
+    fn reset_timer(&mut self) {
+        self.timer_start = Instant::now();
+        self.timer_paused = false;
+        self.timer_running = false;
+        self.timer_remaining_duration = self.timer_set_duration;
+    }
+
+    fn remaining(&self) -> Duration {
+        if self.timer_stopped() {
+            self.timer_set_duration
+        } else if self.timer_paused() {
+            self.timer_remaining_duration
+        } else {
+            self.timer_remaining_duration
+                .checked_sub(self.timer_start.elapsed())
+                .unwrap_or(Duration::from_secs(0))
+        }
+    }
+
+    fn timer_stopped(&self) -> bool {
+        !self.timer_running
+    }
+
+    fn timer_paused(&self) -> bool {
+        self.timer_running && self.timer_paused
+    }
+
+    fn timer_running(&self) -> bool {
+        self.timer_running && !self.timer_paused
+    }
+
+    fn timer_finished(&self) -> bool {
+        self.timer_running && self.remaining() == Duration::from_secs(0)
+    }
+}
+
+#[main]
+async fn main(spawner: Spawner) {
+    init_heap();
+    let peripherals = Peripherals::take();
+    let system = SystemControl::new(peripherals.SYSTEM);
+    let mut clocks = ClockControl::boot_defaults(system.clock_control).freeze();
+
+    let mut rtc = Rtc::new(peripherals.LPWR);
+    rtc.rwdt.disable();
+    let mut timer_group0 = TimerGroup::new(peripherals.TIMG0, &clocks);
+    timer_group0.wdt.disable();
+    let mut timer_group1 = TimerGroup::new(peripherals.TIMG1, &clocks);
+    timer_group1.wdt.disable();
+
+    esp_hal_embassy::init(&clocks, timer_group0.timer0);
+
+    let io = Io::new(peripherals.GPIO, peripherals.IO_MUX);
+
+    let touch_irq = io.pins.gpio36;
+    let touch_mosi = io.pins.gpio32;
+    let touch_miso = io.pins.gpio39;
+    let touch_clk = io.pins.gpio25;
+    let touch_cs = io.pins.gpio33;
+
+    // 2MHz is the MAX! DO NOT DECREASE! This is really important.
+    let mut touch_spi = Spi::new(peripherals.SPI3, 2.MHz(), SpiMode::Mode0, &mut clocks).with_pins(
+        Some(touch_clk),
+        Some(touch_mosi),
+        Some(touch_miso),
+        NO_PIN,
+    );
+
+    static TOUCH_DELAY_STATICCELL: StaticCell<Delay> = StaticCell::new();
+    let mut delay = TOUCH_DELAY_STATICCELL.init(Delay);
+
+    let touch_spi =
+        ExclusiveDevice::new(touch_spi, Output::new(touch_cs, Level::Low), delay).unwrap();
+
+    let touch_signal = Signal::new();
+    static TOUCH_SIGNAL: StaticCell<Signal<CriticalSectionRawMutex, Option<Point>>> =
+        StaticCell::new();
+    let touch_signal = &*TOUCH_SIGNAL.init(touch_signal);
+
+    // let sw_int = system.software_interrupt_control.software_interrupt2;
+
+    // static EXECUTOR: StaticCell<InterruptExecutor<2>> = StaticCell::new();
+    // let executor = InterruptExecutor::<2>::new(sw_int);
+    // let executor = EXECUTOR.init(executor);
+
+    // static EXECUTOR: StaticCell<InterruptExecutor<2>> = StaticCell::new();
+    // let executor =
+    //     InterruptExecutor::<2>::new(system.software_interrupt_control.software_interrupt2);
+    // let mut executor = EXECUTOR.init(executor);
+
+    // executor
+    // .start(Priority::Priority2)
+    spawner.spawn(touch_task(touch_irq, touch_spi, touch_signal)).unwrap();
+
+    // Display setup
+    let sclk = io.pins.gpio14;
+    let miso = io.pins.gpio12;
+    let mosi = io.pins.gpio13;
+    let cs = io.pins.gpio15;
+    let dc = io.pins.gpio2;
+    let mut backlight = Output::new(io.pins.gpio21, Level::Low);
+
+    let mut spi = Spi::new(peripherals.SPI2, 10u32.MHz(), SpiMode::Mode0, &clocks).with_pins(
+        Some(sclk),
+        Some(mosi),
+        Some(miso),
+        esp_hal::gpio::NO_PIN,
+    );
+
+    // static DISP_SPI_BUS:  StaticCell<NoopMutex<RefCell<Spi<SPI2, FullDuplexMode>>>> = StaticCell::new();
+    // let spi_bus = NoopMutex::new(RefCell::new(spi));
+    // let spi_bus = DISP_SPI_BUS.init(spi_bus);
+
+    static SPI_DELAY_STATICCELL: StaticCell<Delay> = StaticCell::new();
+    let mut delay = SPI_DELAY_STATICCELL.init(Delay);
+    let spi = ExclusiveDevice::new(spi, Output::new(cs, Level::Low), delay).unwrap();
+
+    let di = SPIInterface::new(spi, Output::new(dc, Level::Low));
+
+    let display = Builder::new(ILI9486Rgb565, di)
+        .orientation(Orientation { rotation: Rotation::Deg90, mirrored: true })
+        .color_order(ColorOrder::Bgr)
+        .invert_colors(ColorInversion::Inverted)
+        .init(&mut embassy_time::Delay)
+        .unwrap();
+
+    let mut display = ProfilerDisplay::new(display);
+
+    backlight.set_high();
+
+    let size = display.bounding_box().size;
+    let size = slint::PhysicalSize::new(size.width as u32, size.height as u32);
+
+    let window = MinimalSoftwareWindow::new(Default::default());
+    slint::platform::set_platform(Box::new(CYDPlatform { window: window.clone() })).unwrap();
+
+    let ui = create_slint_app();
+
+    window.set_size(slint::PhysicalSize::new(320, 240));
+
+    let mut buffer_provider = DrawBuffer {
+        display,
+        buffer: &mut [slint::platform::software_renderer::Rgb565Pixel(0); 320],
+    };
+
+    let mut last_touch = None;
+
+    let mut appdata = Rc::new(RefCell::new(AppData::new()));
+
+    let mut cl_appdata = appdata.clone();
+    ui.on_add_10s(move || cl_appdata.borrow_mut().add_secs(10));
+    let mut cl_appdata = appdata.clone();
+    ui.on_sub_10s(move || cl_appdata.borrow_mut().sub_secs(10));
+    let mut cl_appdata = appdata.clone();
+    ui.on_start_timer(move || cl_appdata.borrow_mut().start_timer());
+    let mut cl_appdata = appdata.clone();
+    ui.on_stop_timer(move || cl_appdata.borrow_mut().pause_timer());
+    let mut cl_appdata = appdata.clone();
+    ui.on_reset_timer(move || cl_appdata.borrow_mut().reset_timer());
+
+    loop {
+        let start_time = Instant::now();
+        if let Some(touch) = touch_signal.try_take() {
+            // println!("touch: {:?}, last_touch: {:?}", touch, last_touch);
+            let button = PointerEventButton::Left;
+            let interact = match (touch, last_touch) {
+                (Some(point), Some(_)) => {
+                    Some(WindowEvent::PointerMoved { position: point_to_logical_pos(point) })
+                }
+                (Some(point), None) => Some(WindowEvent::PointerPressed {
+                    position: point_to_logical_pos(point),
+                    button,
+                }),
+                (None, Some(point)) => Some(WindowEvent::PointerReleased {
+                    position: point_to_logical_pos(point),
+                    button,
+                }),
+                (None, None) => None,
+            };
+            if let Some(event) = interact {
+                // println!("event: {:?}", event);
+                window.dispatch_event(event);
+            }
+
+            last_touch = touch;
+        }
+
+        {
+            let appdata = appdata.borrow();
+            let remaining = appdata.remaining();
+            ui.set_show_reset_timer(appdata.timer_finished());
+            ui.set_show_start_timer(
+                !appdata.timer_running() || appdata.timer_paused() && !appdata.timer_finished(),
+            );
+            ui.set_show_stop_timer(appdata.timer_running() && !appdata.timer_finished());
+
+            ui.set_timer_text(format!(
+                "{:02}:{:02}:{:03}",
+                remaining.as_secs() / 60,
+                remaining.as_secs() % 60,
+                remaining.as_millis() % 1000
+            ));
+        }
+
+        slint::platform::update_timers_and_animations();
+
+        // let window = window.clone();
+        let start_draw_time = Instant::now();
+        window.draw_if_needed(|renderer| {
+            // println!("dirty reg: {:?}", renderer.render_by_line(&mut buffer_provider));
+            renderer.render_by_line(&mut buffer_provider);
+        });
+
+        let button = PointerEventButton::Left;
+
+        if window.has_active_animations() {
+            continue;
+        }
+
+        let display = &mut buffer_provider.display;
+
+        let end_time = embassy_time::Instant::now();
+        let draw_time = display.get_time();
+        let prep_time = start_draw_time - start_time;
+        let proc_time = end_time - start_draw_time;
+        let proc_time = proc_time - min(draw_time, proc_time);
+        rtc.rwdt.feed();
+
+        if draw_time.as_micros() > 0 {
+            println!(
+                "draw time: {}.{:03}ms | prep time: {}.{:03}ms | proc time: {}.{:03}ms | total time: {}.{:03}ms",
+                draw_time.as_millis(),
+                draw_time.as_micros() % 100,
+                prep_time.as_millis(),
+                prep_time.as_micros() % 100,
+                proc_time.as_millis(),
+                proc_time.as_micros() % 100,
+                (draw_time + prep_time + proc_time).as_millis(),
+                (draw_time + prep_time + proc_time).as_micros() % 100,            );
+        }
+        display.reset_time();
+        Timer::after(Duration::from_millis(1)).await; // 60 a second
+    }
+}
+
+fn create_slint_app() -> TimerApp {
+    let ui = TimerApp::new().unwrap();
+
+    /*
+    let ui_handle = ui.as_weak();
+    ui.on_request_increase_value(move || {
+        let ui = ui_handle.unwrap();
+        ui.set_counter(ui.get_counter() + 1);
+    });
+     */
+
+    ui
+}
+
+struct DrawBuffer<'a, DT> {
+    display: DT,
+    buffer: &'a mut [slint::platform::software_renderer::Rgb565Pixel],
+}
+
+impl<
+        // DI: display_interface_spi::WriteOnlyDataCommand,
+        E: core::fmt::Debug,
+        DT: DrawTarget<Color = Rgb565, Error = E>,
+        // RST: OutputPin<Error = core::convert::Infallible>,
+    > slint::platform::software_renderer::LineBufferProvider for &mut DrawBuffer<'_, DT>
+{
+    type TargetPixel = slint::platform::software_renderer::Rgb565Pixel;
+
+    fn process_line(
+        &mut self,
+        line: usize,
+        range: core::ops::Range<usize>,
+        render_fn: impl FnOnce(&mut [slint::platform::software_renderer::Rgb565Pixel]),
+    ) {
+        let buffer = &mut self.buffer[range.clone()];
+
+        render_fn(buffer);
+
+        // We send empty data just to get the device in the right window
+        self.display
+            .fill_contiguous(
+                &Rectangle::new(
+                    Point::new(range.start as i32, line as i32),
+                    Size::new((range.end - range.start) as u32, 1),
+                ),
+                // range.start as u16,
+                // line as _,
+                // range.end as u16,
+                // line as u16,
+                buffer
+                    .iter()
+                    .map(|x| embedded_graphics_core::pixelcolor::raw::RawU16::new(x.0).into()),
+            )
+            .unwrap();
+    }
+}

slint-based/ui/app-window.slint

@@ -5,20 +5,6 @@ export component AppWindow inherits Window {
     height: 240px;
     in-out property <int> counter: 42;
     callback request-increase-value();
-
-    VerticalBox {
-        alignment: start;
-        Text {
-            text: "Hello World!";
-            font-size: 24px;
-            horizontal-alignment: center;
-        }
-    }
-
-    Text {
-        text: "Counter App (Slint)";
-    }
-
     VerticalBox {
         Text {
             text: "Counter: \{root.counter}";
@@ -31,6 +17,6 @@ export component AppWindow inherits Window {
             }
         }
 
-        // AboutSlint { }
-     }
+        AboutSlint { }
+    }
 }

slint-based/ui/lights-app.slint

@@ -0,0 +1,164 @@
+import { Button, VerticalBox , AboutSlint, Slider, Switch } from "std-widgets.slint";
+
+export struct Light {
+    name: string,
+    brightness: int,
+    on: bool,
+}
+
+export component LightsApp inherits Window {
+    width: 320px;
+    height: 240px;
+
+    in property <bool> show-start-timer: true;
+    in property <bool> show-stop-timer: false;
+    in property <bool> show-reset-timer: false;
+
+    property <[Light]> lights: [
+        {
+            name: "Bathroom",
+            brightness: 100,
+            on: true,
+        },
+        {
+            name: "Bedroom",
+            brightness: 200,
+            on: true,
+        },
+        {
+            name: "Living Room",
+            brightness: 50,
+            on: false,
+        },
+        {
+            name: "Front Door",
+            brightness: 250,
+            on: false,
+        },
+        {
+            name: "Porch",
+            brightness: 1,
+            on: true,
+        },
+        // {name: "Bathroom", brightness: 4, on: false, },
+        ];
+
+        property <int> selected-light: 0;
+        property <bool> show-light-page: false;
+
+        in property <string> timer-text: "00:00:000";
+
+        property <image> start-timer-icon: @image-url("../img/play.png");
+        property <image> stop-timer-icon: @image-url("../img/pause.png");
+        property <image> reset-timer-icon: @image-url("../img/xmark-square.png");
+
+        property <image> light-icon: @image-url("../img/play.png");
+
+        VerticalBox {
+            alignment: start;
+            Text {
+                text: show-light-page ? lights[selected-light].name : "Light Control App (Slint)";
+                font-size: 14px;
+                horizontal-alignment: center;
+            }
+        }
+
+        if !show-light-page: VerticalLayout {
+            alignment: center;
+            spacing: 5px;
+            padding-top: 25px;
+            // height: 200px;
+        HorizontalLayout {
+                alignment: LayoutAlignment.center;
+                spacing: 6px;
+                for i in 3: HorizontalLayout {
+                    alignment: center;
+                    height: 100px;
+                    if i < lights.length:
+                    Button {
+                        width: 96px;
+                        height: 96px;
+                        // icon: light-icon;
+                        text: lights[i].name;
+                        clicked => {
+                            selected-light = i;
+                            show-light-page = true;
+                        }
+                    }
+                }
+            }
+
+            HorizontalLayout {
+                alignment: LayoutAlignment.center;
+                spacing: 6px;
+                for i in 3: HorizontalLayout {
+                    alignment: center;
+                    height: 100px;
+                    if i + 3 < lights.length:
+                    Button {
+                        width: 96px;
+                        height: 96px;
+                        // icon: light-icon;
+                        text: lights[i].name;
+                        clicked => {
+                            selected-light = i + 3;
+                            show-light-page = true;
+                        }
+                    }
+                }
+            }
+        }
+
+        if show-light-page: Rectangle {
+            VerticalLayout {
+                alignment: LayoutAlignment.center;
+                width: 320px;
+                spacing: 4px;
+
+                HorizontalLayout {
+                    alignment: LayoutAlignment.center;
+                    Slider {
+                        width: 250px;
+                        maximum: 255;
+                        value: lights[selected-light].brightness;
+                        changed(f) => {
+                            lights[selected-light].brightness = f
+                        }
+                    }
+                }
+
+                Text {
+                    text: "Brightness";
+                    horizontal-alignment: center;
+                }
+
+                Rectangle {
+                    height: 16px;
+                }
+
+                HorizontalLayout {
+                    alignment: LayoutAlignment.center;
+                    Switch {
+                        checked: lights[selected-light].on;
+                        toggled => {
+                            lights[selected-light].on = !lights[selected-light].on
+                        }
+                    }
+                }
+
+                Text {
+                    text: "On / Off";
+                    horizontal-alignment: center;
+                }
+            }
+
+            Button {
+                x: 10px;
+                y: 10px;
+                text: "<";
+                clicked => {
+                    show-light-page = false;
+                }
+            }
+        }
+    }

slint-based/ui/microwave-ui.slint

@@ -0,0 +1,146 @@
+import { Button, VerticalBox, HorizontalBox, AboutSlint } from "std-widgets.slint";
+
+export component MicrowaveUI inherits Window {
+    width: 320px;
+    height: 240px;
+
+    property <[string]> wattages: ["180W", "220W", "360W", "480W", "620W", "800W"];
+    property <int> selected-wattage: 0;
+
+    callback add-10s();
+    callback sub-10s();
+    callback start-timer();
+    callback stop-timer();
+    callback reset-timer();
+
+    in property <bool> show-start-timer: true;
+    in property <bool> show-stop-timer: false;
+    in property <bool> show-reset-timer: false;
+
+    in property <string> timer-text: "00:00:000";
+
+    property <image> start-timer-icon: @image-url("../img/play.png");
+    property <image> stop-timer-icon: @image-url("../img/pause.png");
+    property <image> reset-timer-icon: @image-url("../img/xmark-square.png");
+
+    function multifunction-button-pressed() {
+        if (show-start-timer) {
+            start-timer();
+        }
+        if (show-stop-timer) {
+            stop-timer();
+        }
+        if (show-reset-timer) {
+            reset-timer();
+        }
+    }
+
+    function multifunction-button-icon() -> image {
+        if (show-start-timer) {
+            return start-timer-icon;
+        }
+        if (show-stop-timer) {
+            return stop-timer-icon;
+        }
+        if (show-reset-timer) {
+            return reset-timer-icon;
+        }
+        return start-timer-icon;
+    }
+
+    VerticalBox {
+        alignment: start;
+        Text {
+            text: "                     Microwave UI (Slint)";
+            font-size: 14px;
+            horizontal-alignment: center;
+        }
+    }
+
+    HorizontalBox {
+        VerticalBox {
+            padding-top: 15px;
+            padding-bottom: 20px;
+            Button {
+                enabled: (selected-wattage < wattages.length - 1) && show-start-timer;
+                text: "+";
+                clicked => {
+                    selected-wattage += 1
+                }
+            }
+
+            Text {
+                font-size: 24px;
+                text: wattages[selected-wattage];
+                horizontal-alignment: center;
+                vertical-alignment: center;
+            }
+
+            Button {
+                enabled: !(selected-wattage <= 0) && show-start-timer;
+                text: "-";
+                clicked => {
+                    selected-wattage -= 1
+                }
+            }
+        }
+
+        VerticalBox {
+            alignment: center;
+            Text {
+                text: timer-text;
+                font-size: 24px;
+                horizontal-alignment: center;
+            }
+
+            Rectangle {
+                height: 4px;
+            }
+
+            HorizontalLayout {
+                alignment: center;
+                spacing: 8px;
+
+                Button {
+                    text: "+10s";
+                    enabled: show-start-timer;
+                    clicked => {
+                        add-10s();
+                    }
+                }
+
+                Text {
+                    text: "Set Timer";
+                    vertical-alignment: center;
+                }
+
+                Button {
+                    text: "-10s";
+                    enabled: show-start-timer;
+                    clicked => {
+                        sub-10s();
+                    }
+                }
+            }
+
+            HorizontalLayout {
+                alignment: center;
+                spacing: 8px;
+                Button {
+                    icon: @image-url("../img/restart.png");
+                    clicked => {
+                        reset-timer();
+                    }
+                }
+
+                Button {
+                    icon: multifunction-button-icon();
+                    // visible: root.show_start_timer;
+                    clicked => {
+                        multifunction-button-pressed();
+                    }
+                }
+            }
+        }
+    }
+}

slint-based/ui/timer-app.slint

@@ -0,0 +1,114 @@
+import { Button, VerticalBox , AboutSlint } from "std-widgets.slint";
+
+export component TimerApp inherits Window {
+    width: 320px;
+    height: 240px;
+
+    callback add-10s();
+    callback sub-10s();
+    callback start-timer();
+    callback stop-timer();
+    callback reset-timer();
+
+    in property <bool> show-start-timer: true;
+    in property <bool> show-stop-timer: false;
+    in property <bool> show-reset-timer: false;
+
+    in property <string> timer-text: "00:00:000";
+
+    property <image> start-timer-icon: @image-url("../img/play.png");
+    property <image> stop-timer-icon: @image-url("../img/pause.png");
+    property <image> reset-timer-icon: @image-url("../img/xmark-square.png");
+
+    function multifunction-button-pressed() {
+        if (show-start-timer) {
+            start-timer();
+        }
+        if (show-stop-timer) {
+            stop-timer();
+        }
+        if (show-reset-timer) {
+            reset-timer();
+        }
+    }
+
+    function multifunction-button-icon() -> image {
+        if (show-start-timer) {
+            return start-timer-icon;
+        }
+        if (show-stop-timer) {
+            return stop-timer-icon;
+        }
+        if (show-reset-timer) {
+            return reset-timer-icon;
+        }
+        return start-timer-icon;
+    }
+
+    VerticalBox {
+        alignment: start;
+        Text {
+            text: "Timer App (Slint)";
+            font-size: 14px;
+            horizontal-alignment: center;
+        }
+    }
+
+    VerticalBox {
+        alignment: center;
+        Text {
+            text: timer-text;
+            font-size: 24px;
+            horizontal-alignment: center;
+        }
+
+        Rectangle {
+            height: 4px;
+        }
+
+        HorizontalLayout {
+            alignment: center;
+            spacing: 8px;
+
+            Button {
+                text: "+10s";
+                enabled: show-start-timer;
+                clicked => {
+                    add-10s();
+                }
+            }
+
+            Text {
+                text: "Set Timer";
+                vertical-alignment: center;
+            }
+
+            Button {
+                text: "-10s";
+                enabled: show-start-timer;
+                clicked => {
+                    sub-10s();
+                }
+            }
+        }
+
+        HorizontalLayout {
+            alignment: center;
+            spacing: 8px;
+            Button {
+                icon: @image-url("../img/restart.png");
+                clicked => {
+                    reset-timer();
+                }
+            }
+
+            Button {
+                icon: multifunction-button-icon();
+                // visible: root.show_start_timer;
+                clicked => {
+                    multifunction-button-pressed();
+                }
+            }
+        }
+    }
+}