Ucz się LVGL

Build with
PicoPixel.

Poradniki krok po kroku: obsługa edytora w przeglądarce, praca z płytkami ESP32 i prowadzenie projektu od pomysłu do urządzenia.

Jak używać pupili w PicoPixel thumbnail
PRZYPIĘTE · PICOPIXEL

Jak używać pupili w PicoPixel

Pupil to gotowy animowany sprite z wieloma trybami, które możesz wyzwalać przy dowolnym warunku. Wybierz go z katalogu, dodaj do projektu i podłącz tak, aby reagował na to, co robi urządzenie: pobieranie danych, przegrzewanie, przegląd kodu, cokolwiek.

pets · sprites · picopixelZobacz

12 Wszystko

Jak używać szablonów PicoPixel, zestawów UI i pełnych aplikacji thumbnail
PICOPIXEL

Jak używać szablonów PicoPixel, zestawów UI i pełnych aplikacji

Znajdź szablony PicoPixel, zestawy UI, przykłady, sprite'y, widżety i pliki pełnych aplikacji, a potem otwieraj, pobieraj, importuj, dostosowuj i eksportuj je jako kod C dla LVGL dla swojego urządzenia.

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
Praca z widżetem LVGL Animated Image thumbnail
LVGL

Praca z widżetem LVGL Animated Image

Jak działa widżet LVGL Animated Image: prześlij sekwencję klatek o tym samym rozmiarze, ustaw czas trwania i pętlę, a potem odtwarzaj animacje klatka po klatce na wyświetlaczu.

lvgl · animated-image · animimg
Czym jest sprite? thumbnail
PICOPIXEL

Czym jest sprite?

Dowiedz się, czym są sprite'y, jak tworzyć wielostanowe animowane widżety i jak używać ich ponownie w projektach.

sprite · picopixel
Korzystanie z edytora zdarzeń thumbnail
PICOPIXEL

Korzystanie z edytora zdarzeń

Dodaj interakcje do UI za pomocą edytora zdarzeń PicoPixel: przeciągnij połączenie z jednego widżetu do drugiego, wybierz wyzwalacz, taki jak kliknięcie albo zmiana wartości, i określ, co ma się wydarzyć.

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
Przewodnik po bibliotekach i komponentach LVGL wielokrotnego użytku w PicoPixel thumbnail
PICOPIXEL

Przewodnik po bibliotekach i komponentach LVGL wielokrotnego użytku w PicoPixel

Poznaj biblioteki PicoPixel: co zawierają, jak je publikować i podłączać w innych projektach zespołu. Dowiedz się, dlaczego publikacja biblioteki nie udostępnia jej publicznie i jak można świadomie przekazać projekt poza zespół.

library · components · sharing
Praca z czcionkami thumbnail
PICOPIXEL

Praca z czcionkami

Dowiedz się, dlaczego czcionki LVGL wymagają konwersji, jak stworzyć czcionkę z dołączonego lub przesłanego pliku, skonfigurować pisma od prawej do lewej, takie jak arabski i hebrajski, obsługiwać duże czcionki CJK oraz usuwać te, których już nie używasz.

font · picopixel · lvgl
Samouczek ESP32 LVGL: Tworzenie interfejsu dotykowego thumbnail
SPRZĘT

Samouczek ESP32 LVGL: Tworzenie interfejsu dotykowego

Zbuduj interfejs dotykowy dla ESP32 z LVGL, zaprojektuj go wizualnie w przeglądarce, podejrzyj na żywo i wyeksportuj gotowy do wgrania kod C. Przyjazny dla początkujących przewodnik.

esp32 · lvgl · ui
Jak przesłać pupila thumbnail
PICOPIXEL

Jak przesłać pupila

Dwa sposoby dodania pupila do społeczności PicoPixel: wklej URL Petdex jako najszybszą ścieżkę albo umieść arkusz klatek i sprite.json w repozytorium GitHub. Do tego: jak wygenerować własnego unikalnego pupila narzędziami AI.

pets · sprites · petdex
Jak przesłać szablon thumbnail
PICOPIXEL

Jak przesłać szablon

Udostępnij jeden ze swoich plików PicoPixel jako szablon społeczności, tworząc repozytorium GitHub z plikiem .picopixel, obrazami pokazowymi i opisem README.

templates · submission · sharing
Jak zgłosić treść thumbnail
PICOPIXEL

Jak zgłosić treść

Zauważyłeś pupila, szablon albo inną treść społeczności, której nie powinno tam być? Zgłoś ją przez formularz Give feedback: co podać, jak oznaczyć naruszenie praw autorskich i co dzieje się później.

report · copyright · moderation
Masz pomysł na poradnik?
Napisz do nas na hello@picopixel.io