LVGL leren

Build with
PicoPixel.

Stapsgewijze gidsen voor de webeditor, ESP32-boards en de workflows die een project bij elkaar houden.

Pets gebruiken in PicoPixel thumbnail
VASTGEZET · PICOPIXEL

Pets gebruiken in PicoPixel

Pets zijn kant-en-klare geanimeerde sprites met meerdere modes die je op elke condition kunt triggeren. Pak er een uit de directory, voeg hem toe aan je project en laat hem reageren op wat je apparaat doet: data ophalen, oververhitten, code reviewen, noem maar op.

pets · sprites · picopixel Bekijken
PicoPixel-templates, UI-kits en full apps gebruiken thumbnail
PICOPIXEL

PicoPixel-templates, UI-kits en full apps gebruiken

Vind PicoPixel-templates, UI-kits, voorbeelden, sprites, widgets en full app-bestanden, en open, download, importeer, pas aan en exporteer ze als LVGL C-code voor je apparaat.

templates · ui-kits · full-apps
Werken met de LVGL Animated Image-widget thumbnail
LVGL

Werken met de LVGL Animated Image-widget

Hoe de LVGL animated image-widget werkt: upload een reeks frames van gelijke grootte, stel duration en loop in en speel frame-voor-frame animaties af op je display.

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

Wat is een sprite?

Leer wat sprites zijn, hoe je geanimeerde widgets met meerdere states maakt en hoe je ze hergebruikt in projecten.

sprite · picopixel
De event editor gebruiken thumbnail
PICOPIXEL

De event editor gebruiken

Maak je UI interactief met PicoPixel's event editor: sleep een verbinding van de ene widget naar de andere, kies een trigger zoals een click of value change, en kies wat er gebeurt.

events · interactions · picopixel
Gids voor libraries en herbruikbare LVGL-components in PicoPixel thumbnail
PICOPIXEL

Gids voor libraries en herbruikbare LVGL-components in PicoPixel

Hoe libraries werken in PicoPixel: een bestand publiceren maakt zijn assets herbruikbaar in de workspaces van je team, niet openbaar. Wat een library bevat, hoe je er een publiceert en linkt, waar gepubliceerde libraries verschijnen en de enige twee manieren waarop iets je team ooit verlaat.

library · components · sharing
Werken met lettertypen thumbnail
PICOPIXEL

Werken met lettertypen

Leer waarom LVGL-lettertypen geconverteerd moeten worden, hoe je er een maakt van een meegeleverd of geüpload lettertype, rechts-naar-links-scripts zoals Arabisch en Hebreeuws instelt, grote CJK-lettertypen beheert, en de lettertypen opruimt die je niet meer gebruikt.

font · picopixel · lvgl
ESP32 LVGL-tutorial: een touchscreen-UI bouwen thumbnail
HARDWARE

ESP32 LVGL-tutorial: een touchscreen-UI bouwen

Bouw een touchscreen-UI voor de ESP32 met LVGL, ontwerp visueel in je browser, bekijk een live preview en exporteer flashklare C-code. Een beginnersvriendelijke gids.

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 template indienen thumbnail
PICOPIXEL

Een template indienen

Deel een van je PicoPixel-bestanden als communitytemplate door een GitHub-repo te maken met je .picopixel-bestand, showcase-afbeeldingen en een README-beschrijving.

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
Heb je een tutorialidee?
Pitch ons via hello@picopixel.io