Ucz się LVGL

Build with
PicoPixel.

Przewodniki krok po kroku dla edytora webowego, płytek ESP32 i przepływów pracy, które spajają projekt.

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

Jak używać zwierzaków w PicoPixel

Zwierzak 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 · picopixel Zobacz
Jak używać szablonów PicoPixel, UI kitów i pełnych aplikacji thumbnail
PICOPIXEL

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

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

templates · ui-kits · full-apps
Praca z widgetem LVGL Animated Image thumbnail
LVGL

Praca z widgetem LVGL Animated Image

Jak działa widget 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 widgety 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 widgetu do drugiego, wybierz wyzwalacz, taki jak kliknięcie albo zmiana wartości, i określ, co ma się wydarzyć.

events · interactions · picopixel
Przewodnik po bibliotekach i komponentach LVGL wielokrotnego użytku w PicoPixel thumbnail
PICOPIXEL

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

Jak działają biblioteki w PicoPixel: opublikowanie pliku sprawia, że jego zasoby są dostępne ponownie w workspace'ach zespołu, nie publicznie. Co zawiera biblioteka, jak ją publikować i linkować, gdzie pojawiają się opublikowane biblioteki i jedyne dwa sposoby, w jakie coś opuszcza 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ć skrypty pisane 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ć zwierzaka thumbnail
PICOPIXEL

Jak przesłać zwierzaka

Dwa sposoby dodania zwierzaka do społeczności PicoPixel: wklej URL Petdex jako najszybszą ścieżkę albo prześlij spritesheet i sprite.json do GitHub. Do tego: jak wygenerować własnego unikalnego zwierzaka 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ś zwierzaka, 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 tutorial?
Napisz do nas na hello@picopixel.io