Der ultimative Drag-and-Drop LVGL-Editor & GUI-Builder.

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.

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. Wenn Ihre Hardware LVGL ausführt, funktioniert der exportierte Code damit.

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 deutlich erschwinglicher, mit einem großzügigen kostenlosen Plan und wettbewerbsfähigen kostenpflichtigen Plänen. 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?

Sie können keinen rohen LVGL-C-Code oder Projekte aus anderen Editoren wie SquareLine Studio oder EEZ Studio importieren. Sie können jedoch .picopixel-Projektdateien exportieren, teilen und importieren, die Ihr vollständiges LVGL-Design enthalten. Der Import aus externen 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. PicoPixel enthält außerdem eine Bibliothek mit enthaltenen Schriftarten, die Sie mit einem Klick für Ihr LVGL-Projekt konvertieren können, anstatt Schriftarten manuell zu suchen und zu konvertieren. Vollständige Unicode-Unterstützung ist enthalten — für Sprachen wie Arabisch, Hebräisch, Chinesisch, Japanisch, Koreanisch und mehr. Der Schriften-Workspace-Modus ermöglicht das Erstellen und Verwalten eines Arrays von LVGL-Schriftarten, und die Asset-Bibliothek speichert wiederverwendbare Widgets, Bilder, Schriftarten und Farben. Erfahren Sie mehr in unserem LVGL-Schriftarten-Leitfaden, oder testen Sie das Schriftarten-Template, um enthaltene Schriftarten mit mehreren integrierten Sprachen zu erkunden.

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. Mehrere Teammitglieder können gleichzeitig am selben Projekt arbeiten, Kommentare und Annotationen hinterlassen und die Änderungen der anderen live sehen. Die integrierte Versionskontrolle ermöglicht das Erstellen von Checkpoints zur Nachverfolgung von Änderungen, und Benachrichtigungen halten Sie auf dem Laufenden, wenn ein Teammitglied Feedback zu Ihrer Arbeit hinterlässt.

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 drei Modi: Erstellen, Referenz und Animation. Der Erstellen-Modus ist, wo Sie LVGL-Widgets platzieren und gestalten, Assets verwalten und Ihre Oberfläche aufbauen. Der Referenz-Modus ermöglicht das Hinzufügen von Text und Bildern außerhalb Ihres LVGL-Bildschirms als Notizen für sich selbst oder Ihr Team — diese sind kein LVGL-Inhalt, werden nicht exportiert und werden beim Teilen von .picopixel-Dateien nicht übernommen. Der Animations-Modus bietet einen erweiterten Timeline-basierten Keyframe-Editor zum Erstellen von benutzerdefinierten Animationen für Widget-Eigenschaften wie Position, Größe und Deckkraft.

Hat PicoPixel einen Animations-Editor?

Ja. PicoPixel enthält einen leistungsstarken Animationsmodus mit einem vollständigen Timeline-basierten Keyframe-Editor. Sie können Widget-Eigenschaften wie Position, Größe und Deckkraft über die Zeit animieren, eigene Animationskurven erstellen und komplexe Multi-Track-Sequenzen choreografieren. Animationen werden live im Simulator angezeigt und als Teil Ihres LVGL-C-Codes exportiert. Anders als andere Editoren sperrt PicoPixel Animationen nicht hinter kostenpflichtigen Plänen — weder kostenlos noch bezahlt. Es gibt eine realistische Grenze von 100 Animationen pro Projekt, um Missbrauch zu verhindern, aber keine planbasierten Einschränkungen.

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, oder folgen Sie unserem Schritt-für-Schritt-ESP32-LVGL-UI-Tutorial, um loszulegen.

Funktioniert PicoPixel offline?

Nein, PicoPixel ist eine webbasierte Anwendung, die eine Internetverbindung erfordert. Es enthält Auto-Save, sodass Ihre Arbeit auch bei Verbindungsabbrüchen geschützt ist. Wenn Offline-Unterstützung eine gewünschte Funktion ist, teilen Sie uns das mit. Für Organisationen in sensiblen Bereichen wie Verteidigung oder Medizin, die Air-Gap-Deployments benötigen, bieten wir eine dedizierte On-Premise-Option an, bei der die gesamte Anwendung auf Ihrer eigenen Hardware hinter Ihrer eigenen Authentifizierung (LDAP, SSO oder ein beliebiger OAuth-Anbieter) mit benutzerdefinierten Audit-Logs und vollständigen Audit-Traces betrieben wird. Kontaktieren Sie uns, wenn Sie das evaluieren möchten.

Welche LVGL-Widgets unterstützt PicoPixel?

PicoPixel unterstützt eine breite Palette von LVGL-Widgets, gegliedert in Kategorien: Layout (Panel, Container), Media (Image, Animated Image, Sprite, Chart, Bar), Input (Label, Textarea, Roller, Dropdown) und Interact (Button, Arc, Slider, Switch, Checkbox, Spinbox). Sprite ist einzigartig in PicoPixel — aufgebaut auf Animated Image ermöglicht es zustandsbasierte Animationen für verschiedene Gerätezustände, zum Beispiel eine Ladeanimation, die in eine Vollgeladen-Schleife übergeht, oder eine Figur wie Stack-Chan mit Idle-, Lauf- und Wink-Animationen. Der Widget-Satz wächst und 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 und wird es immer bleiben. Keine Kreditkarte erforderlich. Seit dem Launch ist PicoPixel unerwartet schnell gewachsen, und wir sind begeistert vom Zuspruch der Community. Kostenpflichtige Pläne sind jetzt für Teams und Nutzer verfügbar, die größere Skalierung benötigen. Der kostenlose Community-Plan bleibt großzügig, mit Kern-Editor, Live-Simulator, Code-Export und mehr. Kostenpflichtige Pläne richten sich nur an jene, die erweiterten Speicher, mehr Projekte, größere Teams und Schwellen für kommerzielle Nutzung benötigen. Weitere Details finden Sie auf unserer Preisseite.

Wird es ein kostenloses Angebot geben?

Ja. Der kostenlose Community-Plan umfasst Kern-Bearbeitung, den Live-Simulator, Code-Export und bis zu 10 Projekte. Die kommerzielle Nutzung des generierten Codes ist mit bestimmten kostenpflichtigen Plänen möglich. Weitere Details finden Sie auf unserer Preisseite.

Wie werden die Preise funktionieren?

Kostenpflichtige Pläne reichen von Starter (10 $/Monat) bis Pro (20 $/Monat) für Einzelpersonen und von Startup (100 $/Monat) bis Enterprise (450 $/Monat) für Teams, mit verfügbaren Jahresrabatten. Die Pläne skalieren Speicher, Projektlimits, Team-Plätze und Schwellen für kommerzielle Nutzung. Alle bestehenden Konten werden übernommen. Sehen Sie die Preisseite für eine vollständige Übersicht.

Kann ich von PicoPixel generierten Code in kommerziellen Produkten verwenden?

Der exportierte Code verwendet Standard-LVGL-API-Aufrufe ohne proprietäre Abhängigkeiten. Im Pro-Plan und höher können Sie den von PicoPixel generierten Code frei in kommerziellen Produkten verwenden. Die Community- und Starter-Pläne sind nur für persönliche, Bildungs- und Hobby-Nutzung gedacht und umfassen keine Rechte zur kommerziellen Nutzung. Weitere Details finden Sie auf unserer Preisseite.

Erstellen Sie Ihre LVGL-Oberfläche kostenlos

Entwerfen Sie Embedded-UIs visuell, zeigen Sie sie in einem Live-LVGL-Simulator an und exportieren Sie produktionsreifen C-Code. Keine Installation. Keine Kreditkarte. Öffnen Sie PicoPixel im Browser und beginnen Sie mit dem Design.

Loslegen. Es ist kostenlos!

FAQ lesen · Kontakt aufnehmen