Apprendre LVGL

Build with
PicoPixel.

Des guides pas à pas pour maîtriser l’éditeur web, utiliser vos cartes ESP32 et organiser votre travail.

Comment utiliser les mascottes dans PicoPixel thumbnail
ÉPINGLÉ · PICOPIXEL

Comment utiliser les mascottes dans PicoPixel

Les mascottes sont des sprites animés prêts à l'emploi avec plusieurs modes que vous pouvez déclencher selon n'importe quelle condition. Choisissez-en un dans le répertoire, ajoutez-le à votre projet et connectez-le pour qu'il réagisse à ce que fait votre appareil : récupération de données, surchauffe, revue de code, et bien plus encore.

pets · sprites · picopixelLire le guide

12 Tous

Comment utiliser les modèles, kits d'interface et applications complètes PicoPixel thumbnail
PICOPIXEL

Comment utiliser les modèles, kits d'interface et applications complètes PicoPixel

Trouvez des modèles PicoPixel, des kits d'interface, des exemples, des sprites, des widgets et des fichiers d'applications complètes, puis ouvrez, téléchargez, importez, personnalisez et exportez-les en code C LVGL pour votre appareil.

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
Travailler avec le widget d'image animée LVGL thumbnail
LVGL

Travailler avec le widget d'image animée LVGL

Comment fonctionne le widget d'image animée LVGL : importez une séquence d'images de taille identique, définissez la durée et la boucle, et lisez des animations image par image sur votre écran.

lvgl · animated-image · animimg
Qu'est-ce qu'un sprite ? thumbnail
PICOPIXEL

Qu'est-ce qu'un sprite ?

Découvrez ce que sont les sprites, comment créer des widgets animés à plusieurs états et comment les réutiliser entre les projets.

sprite · picopixel
Utiliser l'éditeur d'événements thumbnail
PICOPIXEL

Utiliser l'éditeur d'événements

Rendez votre interface interactive sans écrire de code : reliez les widgets, choisissez un déclencheur et définissez l’action à exécuter dans l’éditeur d’événements de PicoPixel.

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
Guide des bibliothèques et des composants LVGL réutilisables dans PicoPixel thumbnail
PICOPIXEL

Guide des bibliothèques et des composants LVGL réutilisables dans PicoPixel

Comment fonctionnent les bibliothèques dans PicoPixel : publier un fichier rend ses ressources réutilisables par votre équipe, pas public. Ce que contient une bibliothèque, comment en publier et en lier une, où apparaissent les bibliothèques publiées et les deux façons de partager du contenu hors de votre équipe.

library · components · sharing
Travailler avec les polices thumbnail
PICOPIXEL

Travailler avec les polices

Découvrez pourquoi les polices LVGL doivent être converties, comment en créer une à partir d'une police intégrée ou importée, configurer des écritures de droite à gauche comme l'arabe et l'hébreu, gérer les grandes polices CJK, et supprimer celles dont vous n'avez plus besoin.

font · picopixel · lvgl
Tutoriel ESP32 LVGL : Créer une interface tactile thumbnail
MATÉRIEL

Tutoriel ESP32 LVGL : Créer une interface tactile

Créez une interface tactile pour l'ESP32 avec LVGL, concevez-la visuellement dans votre navigateur, prévisualisez-la en direct et exportez du code C prêt à flasher. Un guide accessible aux débutants.

esp32 · lvgl · ui
Comment proposer une mascotte thumbnail
PICOPIXEL

Comment proposer une mascotte

Deux façons d'ajouter votre mascotte à la communauté PicoPixel : collez une URL Petdex pour la voie la plus rapide, ou importez une feuille de sprites et un sprite.json sur GitHub. Plus : comment générer votre propre mascotte avec des outils IA.

pets · sprites · petdex
Comment proposer un modèle thumbnail
PICOPIXEL

Comment proposer un modèle

Partagez l'un de vos fichiers PicoPixel comme modèle communautaire en créant un dépôt GitHub contenant votre fichier .picopixel, des images de présentation et une description dans le README.

templates · submission · sharing
Comment signaler du contenu thumbnail
PICOPIXEL

Comment signaler du contenu

Vous avez repéré une mascotte, un modèle ou autre contenu communautaire qui n'a pas sa place ici ? Signalez-le via le formulaire de retour : quoi inclure, comment signaler un problème de droits d'auteur, et ce qui se passe ensuite.

report · copyright · moderation
Une idée de tutoriel ?
Proposez-la à hello@picopixel.io