Der visuelle Drag-and-Drop-LVGL-Editor.

Häufig gestellte Fragen

Alles, was Sie über PicoPixel wissen müssen. Können Sie nicht finden, wonach Sie suchen? Kontaktieren Sie uns.

Allgemein

Was ist PicoPixel?

PicoPixel ist ein browserbasierter visueller Editor für LVGL — die beliebte Open-Source-Grafikbibliothek für eingebettete Displays. Damit können Sie entwerfen, in einem Live-Simulator vorschauen und produktionsreifen C code exportieren, ohne Layout-Boilerplate-Code von Hand zu schreiben. Sehen Sie, wie es funktioniert.

Muss ich etwas installieren?

Nein. PicoPixel läuft vollständig in Ihrem Browser — es gibt keine Desktop-App, kein Plugin und kein SDK zu installieren. Öffnen Sie die Editor-URL, melden Sie sich mit GitHub oder Google an und beginnen Sie mit dem Design.

Welche Browser werden unterstützt?

PicoPixel funktioniert am besten in den neuesten Versionen von Chrome, Edge und Firefox. Safari wird unterstützt, kann aber bei bestimmten LVGL-Widgets geringfügige Rendering-Unterschiede aufweisen.

Ist PicoPixel Open Source?

Die Codebasis des Editors ist privat, aber er generiert Code für LVGL, das unter der MIT-Lizenz Open Source ist.

Welche Plattformen und Boards unterstützt PicoPixel?

PicoPixel generiert Standard-LVGL-C code, der auf jeder Plattform mit einem LVGL-Port läuft — einschließlich ESP32 (alle Varianten einschließlich ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas und Linux-basierte Systeme. Wir haben auf Boards von LILYGO, M5Stack, Waveshare, Guition, Elecrow und Adafruit getestet.

Wie unterscheidet sich PicoPixel von SquareLine Studio?

PicoPixel ist browserbasiert (keine Installation), unterstützt Echtzeit-Team-Zusammenarbeit und enthält einen Live-LVGL-Simulator, der von WebAssembly angetrieben wird. SquareLine Studio ist eine Desktop-Anwendung, die eine kostenpflichtige Lizenz für die kommerzielle Nutzung erfordert. PicoPixel ist für kommerzielle Projekte ohne Einschränkungen kostenlos. Für einen detaillierten Vergleich siehe unseren LVGL-Editor-Vergleich.

Wie schneidet PicoPixel im Vergleich zu anderen LVGL-Editoren ab?

Wir bieten einen detaillierten Vergleich von PicoPixel, SquareLine Studio und EEZ Studio, der Funktionen, Preise, Zusammenarbeit, Code-Export und mehr abdeckt. Sehen Sie den vollständigen LVGL-Editor-Vergleich.

Was ist der typische Arbeitsablauf in PicoPixel?

Der Arbeitsablauf ist: Entwerfen Sie Ihre Oberfläche visuell auf dem Canvas, verbinden Sie Interaktionen mit dem visuellen Event-Editor, schauen Sie sich die Vorschau im Live-LVGL-Simulator an, exportieren Sie produktionsreifen C code und integrieren Sie ihn in Ihr Firmware-Projekt. Für eine Schritt-für-Schritt-Anleitung siehe Wie PicoPixel funktioniert.

Editor & Funktionen

Welche LVGL-Version unterstützt PicoPixel?

PicoPixel zielt derzeit auf LVGL 8.x ab, mit geplanter v9.x-Unterstützung. Der generierte Code verwendet Standard-LVGL-API-Aufrufe und kompiliert sauber gegen das neueste 8.x-Release.

Kann ich ein bestehendes LVGL-Projekt importieren?

Noch nicht — der Editor unterstützt derzeit die Erstellung von Projekten von Grund auf. Der Import bestehender LVGL-Quelldateien steht auf unserer Roadmap und ist eine der meistgewünschten Funktionen.

Wie funktioniert die Live-Vorschau?

PicoPixel kompiliert LVGL zu WebAssembly und führt es direkt in Ihrem Browser aus. Was Sie in der Vorschau sehen, ist die echte LVGL-Rendering-Engine — kein Mockup — die Ausgabe stimmt also pixelgenau mit Ihrer Zielhardware überein.

Kann ich benutzerdefinierte Schriftarten und Bilder verwenden?

Ja. Sie können benutzerdefinierte Schriftdateien und Bild-Assets direkt im Editor hochladen. Der Typografie-Workspace-Modus ermöglicht das Erstellen und Verwalten verschiedener Schriftarten, und die Asset-Bibliothek speichert wiederverwendbare Widgets, Bilder, Schriftarten und Farben. Sehen Sie alle Editor-Funktionen.

Hat PicoPixel einen Live-LVGL-Simulator?

Ja. PicoPixel kompiliert LVGL zu WebAssembly und führt es direkt in Ihrem Browser aus. Der Simulator rendert Ihr Design mit der echten LVGL-Engine, sodass das Angezeigte mit Ihrer Zielhardware übereinstimmt. Interaktions-Overlays zeigen an, was getippt und gescrollt werden kann. Sie können auch teilbare Simulator-Links für Kunden oder Teammitglieder generieren.

Können mehrere Personen gleichzeitig ein Projekt bearbeiten?

Ja. PicoPixel unterstützt kollaboratives Echtzeit-Editing — einer von fünf Workspace-Modi. Mehrere Teammitglieder können gleichzeitig am selben Projekt arbeiten, Feedback mit Annotationen hinterlassen und die Änderungen der anderen live sehen.

Welchen Code exportiert PicoPixel?

PicoPixel exportiert eine ZIP-Datei mit sauberem, produktionsreifem LVGL-C code (.c- und .h-Dateien). Die Ausgabe umfasst Widget-Setup, Styling, Layout, Event-Bindungen und Asset-Referenzen — alles mit Standard-LVGL-API-Aufrufen ohne proprietäre Abhängigkeiten.

Hat PicoPixel einen visuellen Event-Editor?

Ja. Der Event-Editor ermöglicht es Ihnen, LVGL-Event-Handler visuell zu verbinden — ziehen Sie Aktionen auf Widgets für Bildschirmnavigation, Stiländerungen, Wertaktualisierungen und mehr — ohne C code zu schreiben. PicoPixel generiert die LVGL-Event-Callbacks beim Export automatisch. Sehen Sie alle Funktionen.

Hat PicoPixel eine integrierte Versionskontrolle?

Ja. PicoPixel enthält eine integrierte Versionskontrolle mit Checkpoints, granularer Sitzungshistorie (Session Actions) und der Möglichkeit, zu jedem früheren Zustand zurückzukehren. Kein externes VCS ist für Ihre UI-Design-Arbeit erforderlich.

Was sind Workspace-Modi?

Der PicoPixel-Editor hat fünf Workspace-Modi: Kollaborativ (Echtzeit-Team-Editing), Versionskontrolle (Checkpoints und Historie), Assets (wiederverwendbare Widget- und Asset-Bibliothek), Simulator (Live-LVGL-Vorschau mit Interaktions-Overlays) und Typografie (Schriftverwaltung). Jeder Modus fokussiert den Editor auf einen bestimmten Arbeitsablauf.

Technisch

Kann ich PicoPixel verwenden, um eine ESP32-Touchscreen-UI zu erstellen?

Absolut. PicoPixel generiert Standard-LVGL-C code, der mit jeder ESP32-Variante funktioniert — einschließlich ESP32-S3, ESP32-P4 und mehr. Der Export wurde auf Waveshare- und Guition-ESP32-P4-Boards getestet. Entwerfen Sie Ihr Touchscreen-Layout visuell, schauen Sie sich die Vorschau im Simulator an und exportieren Sie Code für ESP-IDF, Arduino oder PlatformIO. Erfahren Sie mehr über PicoPixel für ESP32.

Funktioniert PicoPixel offline?

PicoPixel ist eine webbasierte Anwendung, die eine Internetverbindung erfordert. Sie enthält Auto-Save, sodass Ihre Arbeit auch bei Verbindungsabbrüchen geschützt ist. Wenn ein vollständig offline Arbeitsablauf eine zwingende Anforderung ist, siehe unseren Editor-Vergleich für Desktop-Alternativen.

Welche LVGL-Widgets unterstützt PicoPixel?

PicoPixel unterstützt den Kern-LVGL-Widget-Satz einschließlich Buttons, Labels, Schieberegler, Schalter, Dropdowns, Roller, Bögen, Balken, Diagramme, Bilder, Kontrollkästchen, Textbereiche, Tab-Ansichten, Container und mehr. Der Widget-Satz wächst — neue Widgets werden aktiv hinzugefügt.

Funktioniert PicoPixel mit ESP-IDF, Arduino und PlatformIO?

Ja. Der exportierte Code verwendet Standard-LVGL-API-Aufrufe ohne proprietäre Abhängigkeiten und lässt sich daher in jedes Build-System integrieren, das LVGL unterstützt — einschließlich ESP-IDF, Arduino IDE und PlatformIO. Sehen Sie den ESP32-Integrationsleitfaden für Schritt-für-Schritt-Anleitungen.

Welche Display-Auflösungen unterstützt PicoPixel?

Sie können in PicoPixel jede Display-Auflösung einstellen, die zu Ihrer Zielhardware passt — von kleinen 240x240 runden Displays (GC9A01) über 320x240 SPI-TFTs, 800x480-Panels bis hin zu größeren. Der Live-Simulator rendert mit der gewählten Auflösung.

Preise & Pläne

Ist PicoPixel kostenlos?

Ja. PicoPixel ist kostenlos — auch für kommerzielle Projekte. Keine Kreditkarte erforderlich. PicoPixel wird von einem einzelnen Entwickler gebaut und gewartet, daher können mit dem Wachstum der Plattform kostenpflichtige Pläne eingeführt werden, um Speicher- und Servicekosten zu decken. Es wird immer ein kostenloses Angebot geben.

Wird es ein kostenloses Angebot geben?

Ja. Es wird immer ein großzügiges kostenloses Angebot mit Kern-Bearbeitungs- und Exportfunktionalität geben. Generierter Code ist kommerziell kostenlos und ohne Einschränkungen, unabhängig vom Plan.

Wie werden die Preise funktionieren?

Mit der Skalierung der Plattform werden optionale kostenpflichtige Pläne eingeführt — hauptsächlich für Enterprise-Funktionen wie erweiterte Echtzeit-Zusammenarbeit und Speicher. Wir werden Details rechtzeitig auf unserem Discord und unseren sozialen Kanälen ankündigen. Unser Ziel ist es, PicoPixel für Hobbyisten zugänglich und für professionelle Teams wettbewerbsfähig zu halten.

Kann ich von PicoPixel generierten Code in kommerziellen Produkten verwenden?

Ja. Der exportierte Code verwendet Standard-LVGL-API-Aufrufe ohne proprietäre Abhängigkeiten oder Lizenzbeschränkungen. Sie können von PicoPixel generierten Code kostenlos in kommerziellen Produkten verwenden.

Noch Fragen?

Wir freuen uns von Ihnen zu hören. Schreiben Sie uns und wir melden uns so schnell wie möglich.

Kontakt aufnehmen