LVGL 04 02 Button: Unterschied zwischen den Versionen

Aus Micropython
Zur Navigation springen Zur Suche springen
Die Seite wurde neu angelegt: „{{LVGLKapitel |Kapitel=5 |Titel=Der Button |Level=★☆☆☆☆ |Zeit=20 Minuten }} = Kapitel 5 – Der Button = == Lernziel == Nach diesem Kapitel kannst du * einen Button erzeugen, * Text auf einem Button anzeigen, * auf einen Button klicken, * einfache Ereignisse (Events) verstehen. == Was ist ein Button? == Ein '''Button''' ist ein interaktives Widget. Der Benutzer kann ihn antippen oder anklicken. Typische Anwendungen sind * Start / Stop *…“
 
Zeile 103: Zeile 103:


{{Hinweis|
{{Hinweis|
Events sind der wichtigste Mechanismus für Interaktionen in LVGL.
* Events sind der wichtigste Mechanismus für Interaktionen in LVGL.
 
*Fast alle interaktiven Widgets arbeiten mit Events.
Fast alle interaktiven Widgets arbeiten mit Events.
}}
}}



Version vom 6. Juli 2026, 23:37 Uhr

LVGL 9 mit MicroPython
Kapitel 5
Titel Der Button
Voraussetzungen Grundkenntnisse in MicroPython
Getestet mit LVGL 9.x
Schwierigkeitsgrad ★☆☆☆☆
Benötigte Zeit 20 Minuten
Status in Arbeit

Kapitel 5 – Der Button

Lernziel

Nach diesem Kapitel kannst du

  • einen Button erzeugen,
  • Text auf einem Button anzeigen,
  • auf einen Button klicken,
  • einfache Ereignisse (Events) verstehen.

Was ist ein Button?

Ein Button ist ein interaktives Widget.

Der Benutzer kann ihn antippen oder anklicken.

Typische Anwendungen sind

  • Start / Stop
  • OK / Abbrechen
  • Menü-Auswahl
  • Aktionen auslösen

Ein Button besteht oft aus zwei Objekten:

  • dem Button selbst
  • einem Label innerhalb des Buttons

Erster Button

import lvgl as lv

scr = lv.screen_active()

btn = lv.button(scr)
btn.center()

label = lv.label(btn)
label.set_text("OK")
label.center()

Erklärung

Ein Button wird erzeugt mit

btn = lv.button(scr)

Der Button ist ein normales Widget und gehört zum aktuellen Screen.

Mit

btn.center()

wird der Button in der Mitte des Screens platziert.

Das Label wird als Kind des Buttons erzeugt:

label = lv.label(btn)

Damit erscheint der Text direkt auf dem Button.

Ereignisse (Events)

Ein Button wird erst wirklich nützlich, wenn er auf Eingaben reagiert.

def on_click(e):
    print("Button gedrückt")

btn.add_event_cb(on_click, lv.EVENT.CLICKED, None)

Erklärung Events

Mit

btn.add_event_cb(...)

wird eine Funktion registriert, die bei einem Ereignis aufgerufen wird.

`lv.EVENT.CLICKED` bedeutet: Der Button wurde gedrückt und wieder losgelassen.

Hinweis

Hinweis

  • Events sind der wichtigste Mechanismus für Interaktionen in LVGL.
  • Fast alle interaktiven Widgets arbeiten mit Events.

Merke

Merke

Ein Button ist ein normales Widget.

Interaktiv wird er erst durch Events.

Zusammenfassung

  • Buttons sind interaktive Widgets
  • Sie bestehen oft aus Button + Label
  • Events steuern das Verhalten
  • CLICKED ist das wichtigste Event für den Einstieg