LVGL 04 02 Button: Unterschied zwischen den Versionen

Aus Micropython
Zur Navigation springen Zur Suche springen
Zeile 76: Zeile 76:


Damit erscheint der Text direkt auf dem Button.
Damit erscheint der Text direkt auf dem Button.
== Ereignisse (Events) ==
Ein Button wird erst wirklich nützlich, wenn er auf Eingaben reagiert.
<syntaxhighlight lang="python">
def on_click(e):
    print("Button gedrückt")
btn.add_event_cb(on_click, lv.EVENT.CLICKED, None)
</syntaxhighlight>


== Button erzeugen ==  
== Button erzeugen ==  

Version vom 30. Juli 2026, 15:31 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 4.2– 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

Button erzeugen

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.

Button erzeugen

Größe ändern

Position ändern

Beschriftung

Hintergrundfarbe

Textfarbe

Eckenradius (Form)

Rahmen

Schatten (vielleicht als Ausblick)

Events

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