LVGL leren

Build with
PicoPixel.

Stapsgewijze handleidingen voor de webeditor, ESP32-boards en het uitwerken van je project.

Pets gebruiken in PicoPixel thumbnail
VASTGEZET · PICOPIXEL

Pets gebruiken in PicoPixel

Voeg een kant-en-klaar geanimeerd personage toe aan je project. Laat het reageren op knoppen, meetwaarden en andere gebeurtenissen op je apparaat.

pets · sprites · picopixelBekijken

12 Alles

PicoPixel-sjablonen, UI-kits en complete apps gebruiken thumbnail
PICOPIXEL

PicoPixel-sjablonen, UI-kits en complete apps gebruiken

Vind een geschikt voorbeeld, open of importeer het in PicoPixel, pas het ontwerp aan en exporteer LVGL C-code voor je apparaat.

templates · ui-kits · full-apps
PicoPixel LVGL MCP Server Setup Guide thumbnail
PICOPIXEL

PicoPixel LVGL MCP Server Setup Guide

Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.

LVGL MCP · MCP server setup · AI UI design
Werken met de LVGL Animated Image-widget thumbnail
LVGL

Werken met de LVGL Animated Image-widget

Upload een beeldreeks met gelijke frameafmetingen, stel de afspeelduur en herhaling in en laat je interface de animatie starten of stoppen.

lvgl · animated-image · animimg
Wat is een sprite? thumbnail
PICOPIXEL

Wat is een sprite?

Maak een geanimeerde widget met meerdere toestanden, laat deze reageren op events en gebruik dezelfde sprite in andere projecten.

sprite · picopixel
De event-editor gebruiken thumbnail
PICOPIXEL

De event-editor gebruiken

Maak je interface interactief: verbind widgets, kies een trigger zoals een klik of gewijzigde waarde en stel in wat er daarna gebeurt. Zonder C-code te schrijven.

events · interactions · picopixel
Creating LVGL themes thumbnail
PICOPIXEL

Creating LVGL themes

Create light and dark LVGL themes in PicoPixel with reusable color tokens, bind them to widgets, and add a Set Theme event that switches themes at runtime.

themes · color tokens · dark mode
Bibliotheken en herbruikbare LVGL-componenten in PicoPixel thumbnail
PICOPIXEL

Bibliotheken en herbruikbare LVGL-componenten in PicoPixel

Deel kleuren, lettertypen, afbeeldingen en componenten binnen je team. Leer hoe je een bibliotheek publiceert, koppelt en bijwerkt, en wie er toegang toe heeft.

library · components · sharing
Werken met lettertypen thumbnail
PICOPIXEL

Werken met lettertypen

Maak LVGL-lettertypen van meegeleverde of eigen bestanden. Stel Arabisch, Hebreeuws en CJK-talen in en beperk het geheugenverbruik door alleen de benodigde tekens en groottes op te nemen.

font · picopixel · lvgl
ESP32 en LVGL: een touchscreeninterface bouwen thumbnail
HARDWARE

ESP32 en LVGL: een touchscreeninterface bouwen

Ontwerp een ESP32-interface in je browser, probeer deze uit in de LVGL-simulator en exporteer C-code voor je firmwareproject. Een handleiding voor beginners.

esp32 · lvgl · ui
Een pet indienen thumbnail
PICOPIXEL

Een pet indienen

Twee manieren om je pet toe te voegen aan de PicoPixel-community: plak een Petdex-URL voor de snelste route, of upload een spritesheet en sprite.json naar GitHub. Plus hoe je je eigen unieke pet genereert met AI-tools.

pets · sprites · petdex
Een sjabloon indienen thumbnail
PICOPIXEL

Een sjabloon indienen

Deel je PicoPixel-project met de community. Zet het .picopixel-bestand, voorbeeldafbeeldingen en een README in een openbare GitHub-repository en dien die in.

templates · submission · sharing
Content melden thumbnail
PICOPIXEL

Content melden

Een pet, template of andere communitycontent gezien die er niet hoort te staan? Meld het via het Give feedback-formulier: wat je moet vermelden, hoe je een auteursrechtprobleem markeert en wat er daarna gebeurt.

report · copyright · moderation
Een idee voor een handleiding?
Mail je voorstel naar hello@picopixel.io
hello@picopixel.io