Lopaka

Deutsch

English
Español
Português
Polski

Deutsch

English
Español
Português
Polski

Darstellung

April-Update: Variablen, versteckte Ebenen und mehr ​

Wir haben gerade eine Reihe neuer Funktionen ausgeliefert, nach denen du gefragt hast, plus ein paar wichtige Korrekturen, um die Dinge zu glätten. Du kannst jetzt Variablen für jede Ebeneneigenschaft nutzen, Ebenen ein- oder ausblenden und intelligentere Ebenentitel genießen — alles entworfen, um dir mehr Kontrolle und sauberere Ausgabe zu geben.

Variablen für Ebeneneigenschaften Du kannst jetzt Variablen für Dinge wie Position, Größe, Farbe und Text deklarieren. Aktiviere einfach „Variablen deklarieren“, und diese Eigenschaften werden als Variablen oben in deinem Code herausgezogen. Variablennamen basieren auf Ebenentiteln — benenne sie also gut.

Ebenen ein-/ausblenden Ein neues Augen-Icon in der Ebenenliste lässt dich die Sichtbarkeit umschalten. Versteckte Ebenen erscheinen überhaupt nicht in der Ausgabe.

Intelligente Ebenentitel für Text Standardmäßig wird der Inhalt einer Textebene zu ihrem Titel. Aber wenn du den Titel umbenennst, hat er Priorität in der Liste und hält die Dinge sauber.

🔧 Korrekturen

  • Abgerundete Ecken rendern jetzt mit pixelgenauer Genauigkeit
  • Doppelte Anführungszeichen in Textebenen werden korrekt escaped
  • Esphome hat jetzt eine bessere Variablenlogik und Bildbenennung

Lass mich wissen, was du denkst — und danke, wie immer, dass du Teil der Reise bist!

Die Tatsache ist, Lopaka existiert nur dank deiner Unterstützung.

Wenn dir gefällt, was ich tue, gibt es viele Möglichkeiten, die Lopaka-Entwicklung zu unterstützen:

So nutzt du Variablen in der Praxis ​

Variablen verwandeln einen statischen Mockup in einen Screen, den deine Firmware aktualisieren kann. Ein typisches Beispiel ist eine Temperaturanzeige: Du entwirfst das Layout einmal und änderst dann Text und Farbe zur Laufzeit, ohne den Zeichencode zu berühren.

  1. Wähle eine Ebene aus, zum Beispiel eine Textebene, die 23°C zeigt.
  2. Klicke im Inspektor auf den Variablen-Schalter neben der Eigenschaft, die du steuern willst, zum Beispiel text, x, y oder color.
  3. Aktiviere Variablen deklarieren in den Code-Einstellungen.

Lopaka verschiebt diese Werte als typisierte Deklarationen an den Anfang des generierten Codes, und die Draw-Aufrufe verweisen darauf:

cpp
const char* temp_text = "23°C";
int temp_x = 10;

display.setCursor(temp_x, 20);
display.print(temp_text);

Variablennamen kommen aus Ebenenname und Eigenschaft, zum Beispiel temp_text. Benenne Ebenen um, bevor du den Code in dein Projekt kopierst, weil ein späteres Umbenennen einer Ebene ihre Variablennamen ändert.

Versteckte Ebenen und Overlays ​

Versteckte Ebenen sind nützlich, um alternative Zustände im selben Screen zu halten, zum Beispiel ein Fehler-Icon oder eine Warnung bei niedrigem Akku, ohne sie zu exportieren. Für Referenzbilder, über die du zeichnest, nutze die Option Overlay: Die Ebene wird auf der Zeichenfläche abgedunkelt und im Code weggelassen.

Siehe Code-Generierung für die vollständige Liste der Optionen und die ESPHome-Anleitung für die Nutzung von Variablen mit Sensordaten.