Kapitel 17 – LVGL mit Hardware (ESP32 / Pico)

LVGL 9 mit MicroPython
Kapitel	17
Titel	LVGL mit Hardware (ESP32 / Pico)
Voraussetzungen	Grundkenntnisse in MicroPython
Getestet mit	LVGL 9.x
Schwierigkeitsgrad	★★★★☆
Benötigte Zeit	60 Minuten
Status	in Arbeit

Kapitel 17 – LVGL mit Hardware (ESP32 / Pico)

Lernziel

Nach diesem Kapitel kannst du

• LVGL mit echten Sensoren verbinden,
• Daten aus MicroPython in die UI bringen,
• typische ESP32/Pico-Anwendungen strukturieren,
• UI und Hardware sauber trennen.

Grundidee

LVGL kümmert sich nur um die Anzeige.

Die Hardware liefert die Daten.

Beispiel:

• Sensor → Temperatur
• IMU → Bewegung
• WLAN → Status
• GPIO → Schalter

LVGL zeigt diese Daten nur an.

Architektur

Typisches Prinzip:

• Hardware-Schicht (Sensoren, WLAN)
• Logik-Schicht (Python Code)
• UI-Schicht (LVGL)

Beispiel: einfacher Sensorwert

Angenommen ein Sensor liefert einen Wert:

value = 23.7

Anzeige in LVGL

import lvgl as lv

scr = lv.screen_active()

label = lv.label(scr)
label.center()

Update-Funktion

def update():
    value = read_sensor()
    label.set_text(f"{value:.1f} °C")

Timer für Live-Daten

def tick(t):
    value = read_sensor()
    label.set_text(f"{value:.1f} °C")

lv.timer_create(tick, 1000, None)

Hardware-Funktion (Platzhalter)

def read_sensor():
    return 20 + (lv.rand() % 100) / 10

Prinzip

LVGL kennt keine Sensoren.

Du musst die Daten selbst liefern.

Wichtig für ESP32 / Pico

Typische Datenquellen:

• I2C Sensoren
• SPI Geräte
• ADC Eingänge
• GPIO Zustände
• WLAN / ESP-NOW Daten

Beispiel: GPIO Status

def read_gpio():
    return pin.value()

Anzeige eines Schalters

def update(t):
    if pin.value():
        label.set_text("EIN")
    else:
        label.set_text("AUS")

Typischer Fehler

Achtung

Viele versuchen Sensorlogik direkt in LVGL-Callbacks zu schreiben.

Besser ist:

Hardware → Funktion → UI Update

Best Practice

Hinweis

Trenne immer:

• Hardware-Zugriff
• Datenverarbeitung
• UI Darstellung

Beispiel Struktur

def read_data():
    return sensor.read()

def process_data(v):
    return v * 1.1

def update_ui(v):
    label.set_text(str(v))

Merke

Merke

LVGL zeigt nur Daten an – es erzeugt keine Daten.

Zusammenfassung

• LVGL = Anzeige
• Hardware = Datenquelle
• Timer verbindet beides
• Saubere Trennung ist wichtig für stabile Projekte